请介绍一下 Webpack 的打包优化方式，并重点谈谈 Tree Shaking 的原理和局限性。

回答思路

1. 列举常见的构建优化手段（代码分割、缓存、压缩、Scope Hoisting 等）
2. 解释 Tree Shaking 原理（依赖 ES Module 静态分析，剔除未引用代码）
3. 说明 Side Effects 配置和局限性（如副作用模块被误删）
4. 结合首屏优化场景说明优化取舍