perf(admin): 优化管理端页面切换性能与包体积
- 阶段 A: 增加 KeepAlive 缓存高频列表页,改用 onActivated 进行后台静默刷新,优化 tab 切换与 HomeEntry 闪屏 - 阶段 B: beforeEach 守卫在 TTL 内走同步快速路径,api 请求拦截器缓存 token 避免重复解析 JWT - 阶段 C: 引入 unplugin 插件启用 Element Plus 组件按需加载,清理 App.vue 中 960+ 行冗余暗色主题 CSS - i18n 拆包: 将三语文案包提取为独立懒加载 chunks,主包体积从 209KB 减少至 99KB (降低 53%)
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
import { adminPagesEn, adminPagesZh } from './admin-pages';
|
||||
import { adminPagesMs } from './admin-pages-ms';
|
||||
|
||||
/** 管理后台:中文 + 英文 + 马来语 */
|
||||
/** 管理后台:中文 + 英文 + 马来语(核心短文案)
|
||||
* 列表页/弹窗大段文案通过 bundles/ 动态 chunk 平载入,不再静态 import admin-pages。
|
||||
*/
|
||||
export type AdminLocale = 'zh-CN' | 'en-US' | 'ms-MY';
|
||||
|
||||
export const ADMIN_LOCALES: {
|
||||
@@ -319,7 +318,7 @@ const zh: Record<string, string> = {
|
||||
'match.status.CLOSED': '已封盘',
|
||||
'match.status.SETTLED': '已结算',
|
||||
'match.status.PENDING_SETTLEMENT': '待结算',
|
||||
...adminPagesZh,
|
||||
// 列表页/弹窗文案通过 bundles/zh-CN 动态平载,不在此处静态 spread
|
||||
};
|
||||
|
||||
const en: Record<string, string> = {
|
||||
@@ -628,7 +627,7 @@ const en: Record<string, string> = {
|
||||
'match.status.CLOSED': 'Closed',
|
||||
'match.status.SETTLED': 'Settled',
|
||||
'match.status.PENDING_SETTLEMENT': 'Pending settlement',
|
||||
...adminPagesEn,
|
||||
// 列表页/弹窗文案通过 bundles/en-US 动态平载,不在此处静态 spread
|
||||
};
|
||||
|
||||
const ms: Record<string, string> = {
|
||||
@@ -937,7 +936,7 @@ const ms: Record<string, string> = {
|
||||
'match.status.CLOSED': 'Ditutup',
|
||||
'match.status.SETTLED': 'Diselesaikan',
|
||||
'match.status.PENDING_SETTLEMENT': 'Menunggu penyelesaian',
|
||||
...adminPagesMs,
|
||||
// 列表页/弹窗文案通过 bundles/ms-MY 动态平载,不在此处静态 spread
|
||||
};
|
||||
|
||||
/** vue-i18n 文案表(扁平 key,与原先 adminT 一致) */
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
// en-US 动态文案包:包含所有列表页/弹窗英文文案
|
||||
// 通过 locale-loader ensureAdminLocaleLoaded('en-US') 按需加载
|
||||
import adminPages from '../pages/en';
|
||||
|
||||
export default adminPages;
|
||||
export default adminPages as Record<string, string>;
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
// zh-CN 动态文案包:包含所有列表页/弹窗中文文案
|
||||
// 通过 locale-loader ensureAdminLocaleLoaded('zh-CN') 按需加载
|
||||
import adminPages from '../pages/zh';
|
||||
|
||||
export default adminPages;
|
||||
export default adminPages as Record<string, string>;
|
||||
|
||||
Reference in New Issue
Block a user