8.1.3 Bundle 分析与 Tree Shaking

文档摘要

8.1.3 Bundle 分析与 Tree Shaking 在前端工程化演进的漫长征途中，我们曾为一个 200KB 的欣喜若狂；如今却要为多出的 3.7KB 未使用代码彻夜难眠。这不是矫情，而是真实发生的认知跃迁——当应用规模突破临界点，Bundle 体积不再只是构建产物的静态快照，而是一面映射模块依赖健康度、代码组织合理性与工具链理解深度的镜子。尤其在这一节，我们谈论的绝非“开启 Webpack 的就自动瘦身”的童话，而是一场深入 AST 层、横跨模块系统语义、直面 JavaScript 动态性本质的精密手术。让我们放下“Tree Shaking 是 Webpack 自动做的”这种模糊印象，真正潜入它的血管与神经：它如何识别“死代码”？为什么能摇掉，而却寸土不让？