76 lines
2.2 KiB
TypeScript
76 lines
2.2 KiB
TypeScript
|
import { UserConfig, ConfigEnv, loadEnv } from 'vite';
|
||
|
|
import vue from '@vitejs/plugin-vue';
|
||
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
|
||
|
|
import path from 'path';
|
||
|
|
import cesium from 'vite-plugin-cesium';
|
||
|
|
|
||
|
|
export default ({ mode }: ConfigEnv): UserConfig => {
|
||
|
|
// 获取 .env 环境配置文件
|
||
|
|
const env = loadEnv(mode, process.cwd());
|
||
|
|
|
||
|
|
return {
|
||
|
|
plugins: [
|
||
|
|
vue(),
|
||
|
|
cesium(),
|
||
|
|
createSvgIconsPlugin({
|
||
|
|
// 指定需要缓存的图标文件夹
|
||
|
|
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
|
||
|
|
// 指定symbolId格式
|
||
|
|
symbolId: 'icon-[dir]-[name]'
|
||
|
|
})
|
||
|
|
],
|
||
|
|
// 本地反向代理解决浏览器跨域限制
|
||
|
|
server: {
|
||
|
|
host: '0.0.0.0',
|
||
|
|
port: Number(env.VITE_APP_PORT),
|
||
|
|
open: true, // 运行自动打开浏览器
|
||
|
|
proxy: {
|
||
|
|
[env.VITE_APP_BASE_API]: {
|
||
|
|
// 线上API地址
|
||
|
|
target: env.VITE_APP_BASE_URL,
|
||
|
|
// 本地API地址
|
||
|
|
// target: 'http://10.84.121.21:8093',
|
||
|
|
changeOrigin: true,
|
||
|
|
rewrite: path =>
|
||
|
|
path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
build: {
|
||
|
|
// 1. 增加 chunk 大小警告限制（避免过多小文件）
|
||
|
|
chunkSizeWarningLimit: 1000,
|
||
|
|
|
||
|
|
// 2. 优化 Rollup 配置
|
||
|
|
rollupOptions: {
|
||
|
|
output: {
|
||
|
|
// 手动分块，将大型库单独打包，减少单个 chunk 的复杂度
|
||
|
|
manualChunks(id) {
|
||
|
|
if (id.includes('node_modules')) {
|
||
|
|
// 将 element-plus, lodash 等大型库单独拆分
|
||
|
|
if (id.includes('element-plus')) return 'element-plus';
|
||
|
|
if (id.includes('lodash')) return 'lodash';
|
||
|
|
if (id.includes('cesium')) return 'cesium';
|
||
|
|
// 其他 node_modules 归为 vendor
|
||
|
|
return 'vendor';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
resolve: {
|
||
|
|
// Vite路径别名配置
|
||
|
|
alias: {
|
||
|
|
'@': path.resolve(__dirname, './src')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
css: {
|
||
|
|
preprocessorOptions: {
|
||
|
|
scss: {
|
||
|
|
silenceDeprecations: ['legacy-js-api'],
|
||
|
|
api: 'modern-compiler' // 使用现代API
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
};
|