Mars
5baac41ce8
- 阶段 A: 增加 KeepAlive 缓存高频列表页，改用 onActivated 进行后台静默刷新，优化 tab 切换与 HomeEntry 闪屏 - 阶段 B: beforeEach 守卫在 TTL 内走同步快速路径，api 请求拦截器缓存 token 避免重复解析 JWT - 阶段 C: 引入 unplugin 插件启用 Element Plus 组件按需加载，清理 App.vue 中 960+ 行冗余暗色主题 CSS - i18n 拆包: 将三语文案包提取为独立懒加载 chunks，主包体积从 209KB 减少至 99KB (降低 53%)
80 lines
2.8 KiB
TypeScript
80 lines
2.8 KiB
TypeScript
import { defineConfig } from 'vite';
|
||
import vue from '@vitejs/plugin-vue';
|
||
import { resolve } from 'path';
|
||
import { visualizer } from 'rollup-plugin-visualizer';
|
||
import AutoImport from 'unplugin-auto-import/vite';
|
||
import Components from 'unplugin-vue-components/vite';
|
||
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
||
|
||
export default defineConfig(({ mode }) => {
|
||
const analyze = process.env.ANALYZE === '1' || mode === 'analyze';
|
||
|
||
return {
|
||
plugins: [
|
||
vue(),
|
||
AutoImport({
|
||
resolvers: [ElementPlusResolver()],
|
||
}),
|
||
Components({
|
||
resolvers: [ElementPlusResolver({ importStyle: false })],
|
||
}),
|
||
analyze &&
|
||
visualizer({
|
||
filename: 'dist/stats.html',
|
||
gzipSize: true,
|
||
brotliSize: true,
|
||
open: false,
|
||
}),
|
||
].filter(Boolean),
|
||
resolve: {
|
||
extensions: ['.mjs', '.ts', '.mts', '.tsx', '.vue', '.js', '.jsx', '.json'],
|
||
alias: {
|
||
'@thebet365/shared': resolve(__dirname, '../../packages/shared/src/index.ts'),
|
||
},
|
||
dedupe: ['echarts', 'vue-echarts', 'vue'],
|
||
},
|
||
optimizeDeps: {
|
||
include: ['echarts', 'vue-echarts'],
|
||
},
|
||
build: {
|
||
chunkSizeWarningLimit: 600,
|
||
rollupOptions: {
|
||
output: {
|
||
manualChunks(id) {
|
||
if (!id.includes('node_modules')) {
|
||
if (id.includes('/src/i18n/bundles/')) {
|
||
const m = id.match(/bundles\/(zh-CN|en-US|ms-MY)/);
|
||
if (m) return `i18n-${m[1]}`;
|
||
}
|
||
// 按语言分别归入各自 chunk，避免 zh/en pages 合并进同一个共享 chunk
|
||
if (id.includes('/src/i18n/pages/zh')) return 'i18n-zh-CN';
|
||
if (id.includes('/src/i18n/pages/en')) return 'i18n-en-US';
|
||
if (id.includes('/src/i18n/admin-pages-ms')) return 'i18n-ms-MY';
|
||
// admin-pages.ts 如仍被引用，归入共享 chunk（当前已无引用，保留规则作兜底）
|
||
if (id.includes('/src/i18n/admin-pages')) return 'i18n-pages';
|
||
if (id.includes('echarts-setup') || id.includes('vue-echarts') || id.includes('node_modules/echarts')) {
|
||
return 'echarts';
|
||
}
|
||
return undefined;
|
||
}
|
||
if (id.includes('element-plus')) return 'element-plus';
|
||
if (id.includes('echarts')) return 'echarts';
|
||
if (id.includes('vue-i18n')) return 'vue-i18n';
|
||
if (id.includes('vue-router')) return 'vue-router';
|
||
if (id.includes('vue/') || id.includes('vue/dist')) return 'vue';
|
||
return undefined;
|
||
},
|
||
},
|
||
},
|
||
},
|
||
publicDir: resolve(__dirname, '../../packages/shared/public'),
|
||
server: {
|
||
port: 5174,
|
||
proxy: {
|
||
'/api': { target: 'http://localhost:3000', changeOrigin: true },
|
||
'/uploads': { target: 'http://localhost:3000', changeOrigin: true },
|
||
},
|
||
},
|
||
};
|
||
});
|