-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
142 lines (133 loc) · 3.61 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
import path from 'path'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import wasm from 'vite-plugin-wasm'
import OptimizationPersist from 'vite-plugin-optimize-persist'
import PkgConfig from 'vite-plugin-package-config'
import Unocss from 'unocss/vite'
import {
presetAttributify,
presetIcons,
presetUno,
transformerDirectives,
transformerVariantGroup,
} from 'unocss'
import * as dotenv from 'dotenv'
import { builtinModules } from 'module'
// 打包体积分析 npm i rollup-plugin-visualizer -D
import { visualizer } from 'rollup-plugin-visualizer'
// 打包 CDN 引入 external 排除
import externalGlobals from 'rollup-plugin-external-globals'
const pathSrc = path.resolve(__dirname, 'src')
dotenv.config()
// https://vitejs.dev/config/
export default defineConfig({
server: { host: process.env.VITE_SERVER_IP, port: 4001 },
resolve: {
alias: {
'~/': `${pathSrc}/`,
},
},
css: {
preprocessorOptions: {
scss: {
additionalData: `@use "~/styles/element/index.scss" as *;`,
},
},
},
plugins: [
PkgConfig(),
OptimizationPersist(),
vue(),
wasm(),
Components({
// allow auto load markdown components under `./src/components/`
extensions: ['vue', 'md'],
// allow auto import and register components used in markdown
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
resolvers: [
ElementPlusResolver({
importStyle: 'sass',
}),
],
dts: 'src/components.d.ts',
}),
// https://github.com/antfu/unocss
// see unocss.config.ts for config
Unocss({
presets: [
presetUno(),
presetAttributify(),
presetIcons({
scale: 1.2,
warn: true,
}),
],
transformers: [transformerDirectives(), transformerVariantGroup()],
}),
],
optimizeDeps: {
esbuildOptions: {
target: 'esnext',
},
},
build: {
assetsDir: 'assets',
chunkSizeWarningLimit: 1000,
// 配置打包文件路径和命名
minify: 'terser',
outDir: 'tool-plus',
// 取消计算文件大小,加快打包速度
reportCompressedSize: false,
sourcemap: false,
target: 'esnext',
terserOptions: {
compress: {
// 生产环境时移除console.log调试代码
drop_console: true,
drop_debugger: true,
},
},
rollupOptions: {
// // 打包时忽略某些包,避免打包时间过长
external: [
...builtinModules,
/^node:/,
'vue',
'vue-router',
'pinia',
'vue-demi',
'ant-design-vue',
'antd',
'icons-vue',
'icons-svg',
'colors',
'dayjs',
'prismjs',
'sql-formatter',
// 以下3个包是在使用ant-design-vue的时候始终排除不掉的,感觉ChatGPT协助我解决了这个问题,原来可以使用正则表达式排除
/^@ant-design\/icons-vue/,
/^@ant-design\/icons-svg/,
/^@ant-design\/colors/,
],
plugins: [
// // 打包时忽略某些包,避免打包时间过长
externalGlobals({
vue: 'Vue',
'vue-router': 'VueRouter',
pinia: 'Pinia',
'vue-demi': 'VueDemi',
'ant-design-vue': 'antd',
dayjs: 'dayjs',
prismjs: 'Prism',
axios: 'axios',
// qrcode: 'QRCode',
clipboard: 'ClipboardJS',
'sql-formatter': 'sqlFormatter',
}) as any,
],
},
},
})