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
| import { resolve } from 'node:path';
|
| import dayjs from 'dayjs';
| import { readPackageJSON } from 'pkg-types';
| import { defineConfig, loadEnv, mergeConfig, type UserConfig } from 'vite';
|
| import { createPlugins } from '../plugins';
| import { generateModifyVars } from '../utils/modifyVars';
| import { commonConfig } from './common';
|
| interface DefineOptions {
| overrides?: UserConfig;
| options?: {
| //
| };
| }
|
| function defineApplicationConfig(defineOptions: DefineOptions = {}) {
| const { overrides = {} } = defineOptions;
|
| return defineConfig(async ({ command, mode }) => {
| const root = process.cwd();
| const isBuild = command === 'build';
| const { VITE_PUBLIC_PATH, VITE_USE_MOCK, VITE_BUILD_COMPRESS, VITE_ENABLE_ANALYZE } = loadEnv(
| mode,
| root,
| );
|
| const defineData = await createDefineData(root);
| const plugins = await createPlugins({
| isBuild,
| root,
| enableAnalyze: VITE_ENABLE_ANALYZE === 'true',
| enableMock: VITE_USE_MOCK === 'true',
| compress: VITE_BUILD_COMPRESS,
| });
|
| const pathResolve = (pathname: string) => resolve(root, '.', pathname);
|
| const applicationConfig: UserConfig = {
| base: VITE_PUBLIC_PATH,
| resolve: {
| alias: [
| {
| find: 'vue-i18n',
| replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
| },
| // @/xxxx => src/xxxx
| {
| find: /@\//,
| replacement: pathResolve('src') + '/',
| },
| // #/xxxx => types/xxxx
| {
| find: /#\//,
| replacement: pathResolve('types') + '/',
| },
| ],
| },
| define: defineData,
| build: {
| target: 'es2015',
| cssTarget: 'chrome80',
| rollupOptions: {
| output: {
| // 入口文件名
| entryFileNames: 'assets/entry/[name]-[hash].js',
| manualChunks: {
| vue: ['vue', 'pinia', 'vue-router'],
| antd: ['ant-design-vue', '@ant-design/icons-vue'],
| },
| },
| },
| },
| css: {
| preprocessorOptions: {
| less: {
| modifyVars: generateModifyVars(),
| javascriptEnabled: true,
| },
| },
| },
| plugins,
| };
|
| const mergedConfig = mergeConfig(commonConfig(mode), applicationConfig);
|
| return mergeConfig(mergedConfig, overrides);
| });
| }
|
| async function createDefineData(root: string) {
| try {
| const pkgJson = await readPackageJSON(root);
| const { dependencies, devDependencies, name, version } = pkgJson;
|
| const __APP_INFO__ = {
| pkg: { dependencies, devDependencies, name, version },
| lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
| };
| return {
| __APP_INFO__: JSON.stringify(__APP_INFO__),
| };
| } catch (error) {
| return {};
| }
| }
|
| export { defineApplicationConfig };
|
|
