forked from someGenki/vue-lite-admin
-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.js
70 lines (60 loc) · 2.06 KB
/
vite.config.js
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
import { resolve } from 'path'
import pkg from './package.json'
import vue from '@vitejs/plugin-vue'
// vue-jsx 插件说明 https://github.com/vuejs/jsx-next/blob/dev/packages/babel-plugin-jsx/README-zh_CN.md
import vueJsx from '@vitejs/plugin-vue-jsx'
// mockjs插件使用说明 https://github.com/anncwb/vite-plugin-mock/blob/main/README.zh_CN.md
// 首次运行错误可输入: node .\node_modules\vite-plugin-mock\node_modules\esbuild\install.js
import { viteMockServe } from 'vite-plugin-mock'
import { svgLoader } from './src/plugin/svg-loader'
const { dependencies, devDependencies, name, version } = pkg
const __APP_INFO__ = {
pkg: { dependencies, devDependencies, name, version },
lastBuildTime: new Date().toLocaleString(),
}
// 官方文档 https://cn.vitejs.dev/config/
export default ({ command }) => {
return {
base: '/vite/',
server: {
port: 8008,
open: true,
},
build: {
brotliSize: false, // 禁用 brotli 压缩大小报告,以提高大型项目的构建性能。
},
plugins: [
vue(),
vueJsx({}),
svgLoader('/src/icons/'),
viteMockServe({
mockPath: 'mock',
localEnabled: command === 'serve',
prodEnabled: command !== 'serve' && true,
// 这样可以控制关闭mock的时候不让mock打包到最终代码内 默认注入为项目根目录下src/main.{ts,js}
injectCode: `
import { setupProdMockServer } from '/mock/mockProdServer';
setupProdMockServer();
`,
}),
],
resolve: {
alias: {
'@': resolve(__dirname, 'src'), // 别名 `@` 指向 `src` 目录 PS:IDEA编辑器还是不能识别
assets: '/src/assets',
comp: '/src/components',
},
},
// 定义全局常量替换方式,其中每项在开发环境下会被定义在全局,而在构建时被静态替换
define: {
__APP_INFO__: JSON.stringify(__APP_INFO__),
},
css: {
preprocessorOptions: {
scss: {
additionalData: '@import "@/styles/_variables";',
},
},
},
}
}