Webpack之tree starking 解析

tree-sharking 简介 tree-sharking 是 Webpack 2 后续版本的优化功能,顾名思义,就是将多余的代码给 “摇晃” 掉,在开发中我们经常使用一些第三方库,而这些第三方库只使用了这个库的一部门功能或代码,未使用的代码也要被打包进来,这样出口文件会非常大,tree-sharking 帮我们解决了这个问题,它可以将各个模块中没有使用的方法过滤掉,只对有效代码进行打包。 AST 语法树分析 假设我们现在使用了 ElementUI 库的两个组件,通常会使用解构赋值来引入。 优化前 import { Button, Alert } from "element-ui";