@mt-kit/vite-plugins

Vite 插件集合，提供库构建、TypeScript 类型生成等常用插件。

安装

npm install @mt-kit/vite-plugins -D

TypeScript 类型生成

注意：直接内嵌到插件，无法使用，待修复。请使用 vite-plugin-dts。

安装：

npm i vite-plugin-dts -D

配置：

import { defineConfig } from "vite";
import dts from "vite-plugin-dts";

export default defineConfig(() => ({
  plugins: [
    dts({
      tsconfigPath: "./tsconfig.json",
      rollupTypes: false,
      strictOutput: true,
      outDir: "dist",
      entryRoot: "./src"
    })
  ]
}));

相关文档： vite-plugin-dts

API

libPlugin

Vite 库构建插件，用于构建可发布的库文件。

参数：

属性名	说明	类型	是否必传	默认值
name	UMD 构建使用的全局变量名	string	是	-
fileName	打包的文件名	string	否	index
entry	入口文件路径	string	否	src/index.ts
external	不打入产物的依赖	Array<string | RegExp>	否	["path", "vite"]
globals	UMD 构建中外部依赖对应的全局变量名	Record<string, string>	否	{}

package.json 配置：

字段	说明	对应文件
main	CommonJS 规范，也可在浏览器使用全局变量引用	dist/index.umd.js
module	ES 模块规范	dist/index.es.js
types	类型声明文件	dist/index.d.ts
exports	多入口条件导出	按模块类型映射路径

package.json 示例：

{
  "name": "demo",
  "version": "1.0.0",
  "description": "Demo",
  "type": "module",
  "scripts": {
    "clear:build": "rm -fr dist",
    "clear": "rm -fr node_modules && pnpm run clear:build",
    "build": "pnpm run clear:build && vite build",
    "dev": "vite build --watch"
  },
  "main": "dist/index.umd.js",
  "module": "dist/index.es.js",
  "types": "dist/index.d.ts",
  "exports": {
    ".": {
      "types": "./dist/index.d.ts",
      "import": "./dist/index.es.js",
      "require": "./dist/index.umd.js"
    }
  }
}

vite.config.ts 示例：

import { defineConfig } from "vite";
import { libPlugin } from '@mt-kit/vite-plugins';

export default defineConfig({
  plugins: [
    libPlugin({
      name: "Demo"
    })
  ]
});