理解 JavaScript 中的树摇：快速指南
内容提要
树摇是一种通过删除未使用的代码来优化JavaScript包大小的技术，提高加载速度和性能。它依赖于ES6模块，可以静态分析代码，确定使用的部分。树摇适用于ES6模块和Webpack或Rollup等打包工具。
延伸解读
树摇为何依赖 ES6 模块
树摇能生效的关键在于 ES6 模块的静态结构。与 CommonJS 动态加载整个模块不同，ES6 的 import 和 export 语句在代码运行前就能被分析，打包工具因此可以准确判断哪些导出被使用、哪些未被使用。如果项目使用 CommonJS 或其他模块系统，静态分析无法进行，树摇也就无法发挥作用。
副作用：树摇的主要限制
即使代码未被直接使用，如果模块或其导入具有副作用（例如修改全局变量），树摇可能不会将其移除。这是因为移除这类代码可能改变程序行为。文章指出，可以通过在 package.json 中将模块标记为“无副作用”来缓解这一问题，但需要开发者确认模块确实没有副作用。
实际收益与适用场景
树摇通过删除未使用的代码来减小最终包的大小，从而提升加载速度，尤其对大型项目或网络、设备较慢的用户体验改善明显。Webpack 和 Rollup 等打包工具默认支持树摇，但前提是代码使用 ES6 模块。因此，迁移到 ES6 模块并选用支持树摇的打包工具是获得收益的关键步骤。
Q&A
树摇是什么？
树摇是一种通过删除未使用的代码来优化JavaScript包大小的技术。
树摇如何提高JavaScript应用的性能？
树摇通过移除未使用的代码，减少最终包的大小，从而提高加载速度和性能。
如何启用树摇功能？
确保使用ES6模块，并选择支持树摇的打包工具，如Webpack或Rollup。
树摇的局限性有哪些？
树摇的局限性包括：有副作用的模块可能无法被移除，以及只适用于ES6模块。
树摇与CommonJS模块有什么区别？
树摇依赖于ES6模块，允许静态分析，而CommonJS会加载整个模块，即使只使用其中一部分。
使用树摇的好处是什么？
使用树摇可以减少JavaScript包的大小，从而提高加载速度和用户体验。
