路由级分包以加快加载

为每个路由配置动态导入，使初始包为 40KB 而非 400KB，每页仅加载自身代码。

优化前先测量

先测量问题。为每个路由配置动态导入，使初始包为 40KB 而非 400KB，每页仅加载自身代码。最常见的错误是未确认门禁能捕获你关心的问题就先加上。在接入 CI 之前，先对当前代码库运行 const Page = lazy(() => import(‘./pages/Settings’)); 并检查输出。

const Page = lazy(() => import('./pages/Settings'));

验证改进效果

门禁就位后，让失败可操作。const Page = lazy(() => import(‘./pages/Settings’)); 失败时应指向具体文件和行号，而非泛泛的错误。在锁文件中固定工具版本，防止上游发布悄悄改变行为。每次拉取请求都应像审查测试结果一样审查门禁输出。

验证

在本地运行 const Page = lazy(() => import(‘./pages/Settings’)); 确认通过后推送。CI 中门禁应阻断不合规的拉取请求。若人为绕过门禁直接推送，应在下次定期扫描中被发现。

注意事项

The gate only runs on events that trigger the workflow; locally pushed commits bypass it.
Configuration drift is possible if someone edits settings outside version control.