Repository navigation
Expand file tree
/
Copy pathvite.config.ts
More file actions
82 lines (80 loc) · 2.69 KB
/
Copy pathvite.config.ts
File metadata and controls
82 lines (80 loc) · 2.69 KB
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
import { UserConfigExport, ConfigEnv, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import { viteMockServe } from 'vite-plugin-mock'
import viteSvgIcons from 'vite-plugin-svg-icons'
const setAlias = (alias: [string, string][]) => alias.map(v => {return { find: v[0], replacement: path.resolve(__dirname, v[1]) }})
const proxy = (list: [string, string][]) => {
const obj:IObject<any> = {}
list.forEach((v) => {
obj[v[0]] = {
target: v[1],
changeOrigin: true,
rewrite: (path:any) => path.replace(new RegExp(`^${v[0]}`), ''),
...(/^https:\/\//.test(v[1]) ? { secure: false } : {})
}
})
return obj
}
export default ({ command, mode }: ConfigEnv): UserConfigExport => {
const root = process.cwd()
const env = loadEnv(mode, root) as unknown as ImportMetaEnv
const prodMock = true
return {
resolve: {
alias: setAlias([
['/@', 'src'],
['/mock', 'mock'],
['/server', 'server']
])
},
server: {
proxy: env.VITE_PROXY ? proxy(JSON.parse(env.VITE_PROXY)) : {},
port: env.VITE_PORT
},
build: {
// sourcemap: true,
manifest: true,
rollupOptions: {
output: {
manualChunks: {
'element-plus': ['element-plus'],
echarts: ['echarts'],
pinyin: ['pinyin']
}
}
},
chunkSizeWarningLimit: 600
},
plugins: [
vue(),
viteMockServe({
mockPath: 'mock',
localEnabled: command === 'serve',
prodEnabled: command !== 'serve' && prodMock,
// 这样可以控制关闭mock的时候不让mock打包到最终代码内
injectCode: `
import { setupProdMockServer } from '/mock/mockProdServer';
setupProdMockServer();
`
}),
viteSvgIcons({
// 指定需要缓存的图标文件夹
iconDirs: [path.resolve(process.cwd(), 'src/icons')],
// 指定symbolId格式
symbolId: 'icon-[dir]-[name]'
})
],
css: {
postcss: {
plugins: [
require('autoprefixer'),
require('tailwindcss/nesting'),
require('tailwindcss'),
require('postcss-simple-vars'),
require('postcss-import')
]
}
}
}
}