用途:在代码评审中排查大型 SPA 的 JavaScript 包、新增依赖和加载缓慢的路由,识别首屏并非必需的代码,将其拆分出去,减少用户实际下载和解析的代码量,从而改善 Time to Interactive。
主要能力:使用动态 import() 按需加载代码;对单页应用按路由拆分,使每个页面只加载自身代码;对图表库、富文本编辑器等重型第三方库做懒加载;借助可视化分析工具找出可拆分的内容。
使用方式:检查文件中能用 import() 懒加载的大型第三方导入或功能模块;把识别出的静态导入改为动态 import(),并补充相应的加载状态;说明 JavaScript 代码拆分、动态 import() 的机制以及 SPA 中基于路由的拆分做法。
评审重点:检查路由模块、重型功能导入和初始渲染时加载的第三方库,标记可移到 import()、路由边界或用户触发流程之后、且不影响首次有意义绘制的依赖。
限制:资料仅给出规则说明与评审要点,未提供具体代码示例、框架专属配置和完整实现细节,这些内容需另行查看其规则文档。