优化后转化后会去 node_modules 中的 element-ui 模块找到 Button 和 Alert 两个组件对应的文件,并打包到出口文件中。既然我们已经清楚要修改语法树的位置,下面就使用 AST 来模拟 tree-sharking 功能,对语法树的操作是依赖于 babel-core 和 babel-types 两个核心模块的,下面先安装依赖。

Webpack之tree-starking 解析

Webpack之tree-starking 解析

Webpack之tree-starking 解析

Webpack之tree-starking 解析

Webpack之tree-starking 解析

Webpack之tree-starking 解析

Webpack之tree-starking 解析