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