用途：解释构建流水线如何把源码转换为浏览器可用的优化产物，帮助排查构建问题并优化包体积与加载性能。
主要能力：说明打包存在的原因（HTTP/1.1 并行请求限制、浏览器不支持 import/export、node_modules 路径无法解析）；梳理构建流程（解析导入、转换 TS/JSX、打包模块、优化压缩、输出文件）；对比 Webpack、Vite、esbuild、Rollup、Parcel、Turbopack 的速度、配置与适用场景；讲解模块解析顺序与依赖图构建；代码分割（路由级、组件级、vendor 拆分）；分块策略（入口块、异步块、公共块、vendor 块及 splitChunks 配置）；tree shaking 原理与前提（ES 模块、package.json 的 sideEffects）；压缩与 Terser、esbuild、SWC、UglifyJS 对比；source map 类型与 devtool 选项；图片与 CSS 资源处理；内容哈希缓存；构建性能优化（持久缓存、并行化、排除 node_modules）；以及 webpack-bundle-analyzer、source-map-explorer、vite-bundle-visualizer 等分析工具。
使用方式：资料以概念讲解和配置片段为主，未提供统一安装命令或完整项目步骤；示例涉及 Webpack 的 optimization.splitChunks、output.filename 的 [contenthash]、cache 与 thread-loader 配置，Vite 的自动资源处理，以及 React lazy/Suspense 动态导入。
适用场景：优化包体积、理解现代打包器工作方式、调试构建产物、设计分块与缓存策略。
限制：资料未说明具体版本要求、各打包器的收费或授权、实际性能基准数据，也未给出端到端可运行示例；部分内容为示意性代码，需结合具体项目验证。