前言
树摇（Tree Shaking）是一种用于优化 JavaScript 或 TypeScript 代码的技术，它的主要目标是删除未使用的代码（即未引用的模块、变量、函数等），以减小最终生成的代码的体积
原理
树摇是一种通过静态分析代码的依赖关系，来删除未使用的模块、变量、函数等，从而减小代码体积的技术。树摇的前提是使用 ES6 模块语法，如
import和export，因为它可以确定模块之间的依赖关系。
树摇的过程一般包括以下几个步骤：
- 生成抽象语法树（AST），并标记每个节点的引用次数和是否有副作用。
- 遍历 AST，找出所有未引用的节点，并将其标记为可删除的。
- 删除所有可删除的节点，生成新的 AST，并输出最终的代码。
注意
- 树摇可以有效地减小代码体积，提高代码的运行效率和加载速度，减少网络传输的开销，同时也有利于代码的可维护性和可读性。
- 需要注意一些潜在的问题，比如副作用、循环依赖、动态导入等，这些都可能影响树摇的正确性和完整性。因此，在使用树摇的时候，需要结合一些工具和配置，比如 webpack、rollup、babel、terser、sideEffects 等，来保证树摇的效果和安全性。
应用场景
树摇适用于任何需要优化代码体积的场景，尤其是在前端开发中，由于代码需要通过网络传输，因此减小代码体积可以提高加载速度和用户体验。树摇也可以用于后端开发，以提高代码的运行效率和可维护性。
一般需要满足以下几个条件：
- 使用 ES6 模块语法，或者使用其他模块语法并通过转换工具转换为 ES6 模块语法。
- 使用支持树摇的打包工具，如 webpack、rollup、vite 等，并配置相应的插件和选项。
- 避免使用动态导入、循环依赖、副作用等可能影响树摇的正确性和完整性的特性，或者使用相应的注释或配置来标记这些特性。
