前端工程 · 性能
代码分割
Code Splitting
也叫:拆包、按需加载打包、Split Chunks
把打包结果拆成多个小文件,按路由或组件需要再加载,避免首屏下载整个应用的 JS。
详细解释
没有代码分割时,用户打开首页也可能下载后台才用得到的图表库。分割后,首页只拉首页块,进入「报表」再拉报表块。
框架路由级懒加载、import() 动态导入,都会生成分割点。拆太碎会多很多请求,拆太粗又失去意义,需要结合打包分析。
它和懒加载常一起用:分割决定「文件怎么切」,懒加载决定「何时去取」。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-code-splitting- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/10/05