跳到主要内容

前端工程 · 性能

代码分割

Code Splitting

也叫:拆包、按需加载打包、Split Chunks

把打包结果拆成多个小文件,按路由或组件需要再加载,避免首屏下载整个应用的 JS。

详细解释

没有代码分割时,用户打开首页也可能下载后台才用得到的图表库。分割后,首页只拉首页块,进入「报表」再拉报表块。

框架路由级懒加载、import() 动态导入,都会生成分割点。拆太碎会多很多请求,拆太粗又失去意义,需要结合打包分析。

它和懒加载常一起用:分割决定「文件怎么切」,懒加载决定「何时去取」。

开发者信息
术语 ID
eng-code-splitting
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/10/05