vite 开发库配置_import dts from 'vite-plugin-dts';

vite 开发库配置

vite.config.ts

import path from 'path'
import { defineConfig, UserConfigExport, ConfigEnv } from 'vite'
import dts from 'vite-plugin-dts'

// https://vitejs.dev/config/
const config = ({ command, mode }: ConfigEnv): UserConfigExport => {
  return defineConfig({
    build: {
      target: 'es2015',
      outDir: 'dist',
      lib: {
        // 入口
        entry: path.resolve(__dirname, './src/main.ts'),
        name: 'MyLib',
        fileName: `my-lib`
      },
      rollupOptions: {
        output: {
          // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
          globals: {
            MyLib: 'MyLib'
          }
        }
      }
    },
    plugins: [
      // 自动构建.d.ts
      dts({
        insertTypesEntry: true,
        copyDtsFiles: false
      })
    ]
  })
}

export default config
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36