一、安装依赖分析工具
javascript
npm install webpack-bundle-analyz
二、修改webpack.config.js文件
1、导入上面下载的包

2、在plugins里创建实例

三、启动打包命令
javascript
npm run build
会弹出如下界面:

四、优化
1、通过CDN导入react-dom文件
修改webpack.config.js文件里的external配置

再次查看打包文件体积,发现已经没有了react-dom文件:

通过CDN引入react-dom:
在index.html里使用script标签进行引入:
html
<script src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js></script>