Tree-shaking(摇树优化）

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 等组件库时，可以通过摇树优化来减少导入代码的体积