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
| import { resolve } from 'path';
|
| import type { UserConfig, Plugin as VitePlugin } from 'vite';
| import type { Plugin } from 'rollup';
|
| import visualizer from 'rollup-plugin-visualizer';
| import { modifyVars } from './build/config/glob/lessModifyVars';
| import { setupBasicEnv } from './build/config/vite/env';
| import { createProxy } from './build/config/vite/proxy';
| import { createMockServer } from 'vite-plugin-mock';
| import PurgeIcons from 'vite-plugin-purge-icons';
| import { isDevFn, isReportMode, isProdFn, loadEnv } from './build/utils';
|
| setupBasicEnv();
| const { VITE_USE_MOCK } = loadEnv();
|
| function pathResolve(dir: string) {
| return resolve(__dirname, '.', dir);
| }
| const rollupPlugins: Plugin[] = [];
| const vitePlugins: VitePlugin[] = [];
|
| (() => {
| if (isReportMode() && isProdFn()) {
| // report
| rollupPlugins.push(
| visualizer({ filename: './node_modules/.cache/stats.html', open: true }) as Plugin
| );
| }
| if (isDevFn() && VITE_USE_MOCK === 'true') {
| // open mock
| vitePlugins.push(
| createMockServer({
| ignore: /^\_/,
| mockPath: 'mock',
| })
| );
| }
| })();
|
| const viteConfig: UserConfig = {
| silent: false,
| /**
| * 服务地址
| * @default 'localhost'
| */
| hostname: 'localhost',
| /**
| * 端口号
| * @default '3000'
| */
| port: 3100,
| /**
| * 运行自动打开浏览器·
| * @default 'false'
| */
| open: false,
| /**
| * 压缩代码
| * boolean | 'terser' | 'esbuild'
| * @default 'terser'
| */
| minify: isDevFn() ? false : 'terser',
| /**
| * 在生产中投放时提供基本公共路径
| * @default '/'
| */
| base: isDevFn() ? '/' : './',
|
| /**
| * 打包输入路径
| * @default 'dist'
| */
| outDir: 'dist',
| /**
| * @default 'false'
| */
| sourcemap: false,
| /**
| * 资源输出路径
| * @default '_assets'
| */
| assetsDir: '_assets',
| /**
| * 静态资源小于该大小将会内联，默认4096kb
| * @default '4096'
| */
| assetsInlineLimit: 4096,
| /**
| * esbuild转换目标。
| * @default 'es2019'
| */
| esbuildTarget: 'es2019',
|
| // 别名
| alias: {
| '/@/': pathResolve('src'),
| },
| // define: {
| // __ENV__: 'value',
| // },
| // css预处理
| cssPreprocessOptions: {
| less: {
| modifyVars: modifyVars,
| javascriptEnabled: true,
| },
| },
| // 配置Dep优化行为
| // 会使用 rollup 对 包重新编译，将编译成符合 esm 模块规范的新的包放入 node_modules 下的 .
| optimizeDeps: {
| include: ['ant-design-vue/es/locale/zh_CN', '@ant-design/icons-vue', 'moment/locale/zh-cn'],
| },
| // 本地跨域代理
| proxy: createProxy([['/api', 'http://localhost:3000']]),
|
| plugins: [PurgeIcons(), ...vitePlugins],
| rollupOutputOptions: {},
| rollupInputOptions: {
| plugins: rollupPlugins,
| },
| };
|
| export default viteConfig;
|
|
