跳到主要内容

前端工程 · 工具链

打包产物

Bundle

也叫:构建产物、包体、JS Bundle

构建工具把源码、依赖打包压缩后生成的、浏览器实际下载执行的文件集合。

详细解释

你写的是模块化源码;浏览器线上跑的是 bundle(以及被分割后的多个 chunk)。体积、数量、缓存策略直接决定加载体验。

分析产物常用打包分析器:看是谁占了 300KB。优化手段包括 tree shaking、代码分割、换轻量依赖、压缩与 CDN 缓存。

「本地 dev 很快」不等于产物健康——要以 production build 为准。

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