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
| import type { UserConfig, Resolver } from 'vite';
| import { resolve } from 'path';
|
| import { loadEnv } from 'vite';
|
| import { modifyVars } from './build/config/lessModifyVars';
| import { createProxy } from './build/vite/proxy';
| import { configManualChunk } from './build/vite/optimizer';
|
| import globbyTransform from './build/vite/plugin/transform/globby';
| import dynamicImportTransform from './build/vite/plugin/transform/dynamic-import';
|
| import { wrapperEnv } from './build/utils';
|
| import { createRollupPlugin, createVitePlugins } from './build/vite/plugin';
|
| const pkg = require('./package.json');
|
| function pathResolve(dir: string) {
| return resolve(__dirname, '.', dir);
| }
|
| const alias: Record<string, string> = {
| '/@/': pathResolve('src'),
| };
|
| const root: string = process.cwd();
|
| const resolvers: Resolver[] = [];
|
| export default (mode: 'development' | 'production'): UserConfig => {
| const env = loadEnv(mode, root);
| const viteEnv = wrapperEnv(env);
| const {
| VITE_PORT,
| VITE_PUBLIC_PATH,
| VITE_PROXY,
| VITE_DROP_CONSOLE,
| VITE_DYNAMIC_IMPORT,
| } = viteEnv;
| return {
| root,
| alias,
| /**
| * port
| * @default '3000'
| */
| port: VITE_PORT,
|
| /**
| * Base public path when served in production.
| * @default '/'
| */
| base: VITE_PUBLIC_PATH,
|
| /**
| * Transpile target for esbuild.
| * @default 'es2020'
| */
| esbuildTarget: 'es2019',
|
| // terser options
| terserOptions: {
| compress: {
| keep_infinity: true,
| drop_console: VITE_DROP_CONSOLE,
| },
| },
|
| define: {
| __VERSION__: pkg.version,
| // setting vue-i18-next
| // Suppress warning
| __VUE_I18N_LEGACY_API__: false,
| __VUE_I18N_FULL_INSTALL__: false,
| __INTLIFY_PROD_DEVTOOLS__: false,
| },
|
| cssPreprocessOptions: {
| less: {
| modifyVars: modifyVars,
| javascriptEnabled: true,
| },
| },
|
| // The package will be recompiled using rollup, and the new package compiled into the esm module specification will be put into node_modules/.vite_opt_cache
| optimizeDeps: {
| include: [
| 'qs',
| 'echarts/map/js/china',
| 'ant-design-vue/es/locale/zh_CN',
| 'ant-design-vue/es/locale/en_US',
| '@ant-design/icons-vue',
| ],
| },
|
| transforms: [
| globbyTransform({
| resolvers: resolvers,
| root: root,
| alias: alias,
| includes: [resolve('src/router'), resolve('src/locales')],
| }),
| dynamicImportTransform(VITE_DYNAMIC_IMPORT),
| ],
|
| proxy: createProxy(VITE_PROXY),
|
| plugins: createVitePlugins(viteEnv, mode),
|
| rollupInputOptions: {
| plugins: createRollupPlugin(),
| },
|
| rollupOutputOptions: {
| compact: true,
| manualChunks: configManualChunk,
| },
| };
| };
|
|
