标签：摇树 shaking 代码 Tree tree 优化
Tree-Shaking(摇树优化) :主要用于前端的性能优化，即在导入模块的时候，将一些项目用不到的代码像树木落叶一样摇掉，且tree-shaking只支持ESModule,不支持Common.js
Tree-Shaking 失效(副作用)：当我们在调用某个函数时，可能将某个变量改变为全局，或者误修改一些变量、使用I/O的一系列操作。常见副作用代码：console.log("....")
怎么明确的告诉webpack 或 rollup.js 这段代码没有副作用，可以放心删除。
import {foo} from './utils'
/*#__PURE__*/ foo()
webpackn内置了 tree shaking优化(webpack4以上）：sideEffects：true/false/数组
tree shaking实践：在使用一些第三方组件库时，比如Vant Element Ui 等组件库时，可以通过摇树优化来减少导入代码的体积
标签：摇树,
shaking,
代码,
Tree,
tree,
优化
From： https://www.cnblogs.com/guorunbin/p/17201417.html