请说明 webpack Tree Shaking 的作用及其实现原理。
考察说明
考察对前端构建优化工具的理解、对 ES Module 静态分析原理的掌握
回答思路
- 准确说明 Tree Shaking 用于移除未使用的导出代码以减小打包体积
- 解释依赖 ES Module 的静态结构而非 CommonJS 的动态 require
- 说明标记未使用导出（sideEffects 配置、标记）与删除（Terser 等压缩工具）两个阶段
- 指出副作用（sideEffects）配置对正确删除的影响
- 能举例说明 tree-shaking 失效的典型场景（如动态导入、具名导入但模块有副作用）
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。