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
| import { fileURLToPath, URL } from 'node:url';
| import path from 'node:path';
|
| import { defineConfig, loadEnv } from 'vite';
| import vue from '@vitejs/plugin-vue';
| import VueSetupExtend from 'vite-plugin-vue-setup-extend';
| import Inspect from 'vite-plugin-inspect';
|
| // element plus 样式自动按需导入
| import AutoImport from 'unplugin-auto-import/vite';
| import Components from 'unplugin-vue-components/vite';
| import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
| import svgSprites from 'rollup-plugin-svg-sprites';
| import { viteMockServe } from 'vite-plugin-mock';
|
| // https://vitejs.dev/config/
| export default defineConfig(({ command, mode }) => {
| console.log('vite.config defineConfig', command, mode);
| const env = loadEnv(mode, process.cwd(), '');
| console.log('vite.config env.NODE_ENV=', env.NODE_ENV);
| // According to the project configuration. Can be configured in the .env file
| const prodMock = true;
|
| return {
| base: './', // 注意，必须以"/"结尾，BASE_URL配置
| build: {
| outDir: '../hm-lock-sys/public'
| },
| define: {
| 'process.env': env
| },
| resolve: {
| alias: {
| '@': fileURLToPath(new URL('./src', import.meta.url))
| },
| extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
| },
| plugins: [
| vue(),
| Inspect(),
| VueSetupExtend(),
| AutoImport({
| resolvers: [ElementPlusResolver()]
| }),
| Components({
| resolvers: [ElementPlusResolver()]
| }),
| svgSprites({
| vueComponent: true,
| exclude: ['node_modules/**'],
| symbolId(filePath) {
| const filename = path.basename(filePath);
| return 'icon-' + filename.substring(0, filename.lastIndexOf('.'));
| }
| }),
| // https://openbase.com/js/vite-plugin-mock
| viteMockServe({
| ignore: /^_/,
| mockPath: './mock/',
| supportTs: true,
| watchFiles: true,
| localEnabled: command === 'serve',
| prodEnabled: command !== 'serve' && prodMock,
| // configPath: './mock/index.js',
| logger: false,
| injectCode: `import { setupProdMockServer } from '../mock/_createProductionServer.js';
| setupProdMockServer();`
| })
| ],
| server: {
| // https: true,
| // key: './key.pem',
| // cert: './cert.pem',
| host: 'localhost',
| port: 8001
| }
| };
| });
|
|
