78 lines
2.2 KiB
JavaScript
78 lines
2.2 KiB
JavaScript
import { defineConfig } from 'vite'
|
||
import vue from '@vitejs/plugin-vue'
|
||
import path from 'path'
|
||
import { viteMockServe } from 'vite-plugin-mock'
|
||
import viteSvgIcons from 'vite-plugin-svg-icons'
|
||
|
||
// https://vitejs.dev/config/
|
||
export default env => {
|
||
// console.log(111, env);
|
||
|
||
return defineConfig({
|
||
// base: '/vue3-element-admin-site/',
|
||
plugins: [
|
||
vue(),
|
||
viteMockServe({
|
||
ignore: /^_/, // 忽略以下划线`_`开头的文件
|
||
mockPath: 'mock', // 指定mock目录中的文件全部是mock接口
|
||
supportTs: false, // mockPath目录中的文件是否支持ts文件，现在我们不使用ts，所以设为false
|
||
localEnabled: env.mode === 'mock', // 开发环境是否开启mock功能（可以在package.json的启动命令中指定mode为mock）
|
||
prodEnabled: env.mode === 'mock', // 生产环境是否开启mock功能
|
||
injectCode: `
|
||
import { setupProdMockServer } from '../mock/_createProductionServer';
|
||
setupProdMockServer();
|
||
`,
|
||
}),
|
||
viteSvgIcons({
|
||
// 指定需要缓存的图标文件夹
|
||
iconDirs: [path.resolve(__dirname, 'src/assets/svg')],
|
||
// 指定symbolId格式
|
||
symbolId: 'icon-[dir]-[name]',
|
||
}),
|
||
],
|
||
css: {
|
||
preprocessorOptions: {
|
||
scss: {
|
||
// 全局变量
|
||
additionalData: '@import "./src/assets/style/global-variables.scss";',
|
||
},
|
||
},
|
||
},
|
||
resolve: {
|
||
alias: {
|
||
'@': path.resolve(__dirname, 'src'),
|
||
},
|
||
},
|
||
server: {
|
||
open: true,
|
||
proxy: {
|
||
'/api': {
|
||
target: 'http://dev.erp.com', // 后端接口的域名
|
||
changeOrigin: true,
|
||
},
|
||
},
|
||
},
|
||
esbuild: false,
|
||
build: {
|
||
terserOptions: {
|
||
compress: {
|
||
keep_infinity: true,
|
||
// 删除console
|
||
drop_console: true,
|
||
},
|
||
},
|
||
// 禁用该功能可能会提高大型项目的构建性能
|
||
brotliSize: false,
|
||
rollupOptions: {
|
||
output: {
|
||
// 拆分单独模块
|
||
manualChunks: {
|
||
'element-plus': ['element-plus'],
|
||
mockjs: ['mockjs'],
|
||
},
|
||
},
|
||
},
|
||
},
|
||
})
|
||
}
|