前端工程 · 工具链
打包产物
Bundle
也叫:构建产物、包体、JS Bundle
构建工具把源码、依赖打包压缩后生成的、浏览器实际下载执行的文件集合。
详细解释
你写的是模块化源码;浏览器线上跑的是 bundle(以及被分割后的多个 chunk)。体积、数量、缓存策略直接决定加载体验。
分析产物常用打包分析器:看是谁占了 300KB。优化手段包括 tree shaking、代码分割、换轻量依赖、压缩与 CDN 缓存。
「本地 dev 很快」不等于产物健康——要以 production build 为准。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-bundle- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/10/05