sub2api

oadmin/sub2api

Fork 0

Commit Graph

Author	SHA1	Message	Date
yangjianbo	b0569d873a	perf(路由预加载): 修复静态 import 导致入口文件膨胀问题问题： - 原实现使用静态 import() 映射表 - Rollup 静态分析时将所有 37 个视图组件引用打包进 index.js - 导致首次加载时需要解析大量未使用的 import 语句修复： - 移除静态 import() 映射，改用纯路径字符串邻接表 - 通过 router.getRoutes() 动态获取组件的 import 函数 - 延迟初始化 routePrefetch，首次导航时才创建实例 - 更新测试文件使用 mock router 效果： - index.js 中动态 import 引用从 37 个减少到 1 个 - 首次加载不再包含未使用的视图组件引用 - 41 个测试全部通过 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-16 22:07:39 +08:00
yangjianbo	92234857f7	perf(前端): 优化页面加载性能和用户体验 - 添加路由预加载功能，使用 requestIdleCallback 在浏览器空闲时预加载 - 配置 Vite manualChunks 分离 vendor 库（vue/ui/chart/i18n/misc） - 新增 NavigationProgress 导航进度条组件，支持防闪烁和无障碍 - 集成 Vitest 测试框架，添加 40 个单元测试和集成测试 - 支持 prefers-reduced-motion 和暗色模式 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-16 21:48:57 +08:00

Author

SHA1

Message

Date

yangjianbo

b0569d873a

perf(路由预加载): 修复静态 import 导致入口文件膨胀问题

问题：
- 原实现使用静态 import() 映射表
- Rollup 静态分析时将所有 37 个视图组件引用打包进 index.js
- 导致首次加载时需要解析大量未使用的 import 语句

修复：
- 移除静态 import() 映射，改用纯路径字符串邻接表
- 通过 router.getRoutes() 动态获取组件的 import 函数
- 延迟初始化 routePrefetch，首次导航时才创建实例
- 更新测试文件使用 mock router

效果：
- index.js 中动态 import 引用从 37 个减少到 1 个
- 首次加载不再包含未使用的视图组件引用
- 41 个测试全部通过

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

2026-01-16 22:07:39 +08:00

yangjianbo

92234857f7

perf(前端): 优化页面加载性能和用户体验

- 添加路由预加载功能，使用 requestIdleCallback 在浏览器空闲时预加载
- 配置 Vite manualChunks 分离 vendor 库（vue/ui/chart/i18n/misc）
- 新增 NavigationProgress 导航进度条组件，支持防闪烁和无障碍
- 集成 Vitest 测试框架，添加 40 个单元测试和集成测试
- 支持 prefers-reduced-motion 和暗色模式

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

2026-01-16 21:48:57 +08:00

2 Commits