-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
74 lines (72 loc) · 2.18 KB
/
vite.config.ts
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
import { defineConfig, UserConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import svgLoader from 'vite-svg-loader'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { visualizer } from 'rollup-plugin-visualizer'; // 打包分析
const { resolve } = require('path')
// https://vitejs.dev/config/
export default defineConfig(({ mode }: UserConfig): UserConfig =>
// 根据环境变量加载环境变量文件
({
base: '/',
server: {
host: 'localhost',
port: 5500,
open: true,
},
resolve: {
alias: {
'@': resolve(__dirname, './src'),
},
},
plugins: [
vue(),
svgLoader(),
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
directoryAsNamespace: true,
dirs: ['src/components'],
resolvers: [ElementPlusResolver()],
}),
visualizer(),
],
css: {
preprocessorOptions: {
scss: {
charset: false,
},
},
},
build: {
lib: {
entry: resolve(__dirname, './src'),
name: 'bonsEditor',
fileName: 'bons-editor',
},
minify: 'terser', // 是否进行压缩,boolean | 'terser' | 'esbuild',默认使用esbuild
chunkSizeWarningLimit: 500,
rollupOptions: {
output: {
exports: 'named',
inlineDynamicImports: true,
// 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值
entryFileNames: 'assets/js/[name]-[hash].js',
// 用于命名代码拆分时创建的共享块的输出命名
chunkFileNames: 'assets/js/[name]-[hash].js',
// 用于输出静态资源的命名,[ext]表示文件扩展名
assetFileNames: 'assets/static/[name]-[hash].[ext]',
},
},
terserOptions: {
compress: {
// 生产环境时移除console
drop_console: process.env.NODE_ENV !== 'production',
drop_debugger: process.env.NODE_ENV !== 'production',
},
},
},
}))