背景

create-react-app 搭建项目，引入 webpack-bundle-analyzer 打包分析工具，分析文件大小。

步骤

1.先运行npm run eject，将配置文件放在本地。

2.安装npm install webpack-bundle-analyzer --save-dev

3.在 config/webpack.config.js 文件中，

添加

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

new webpack.IgnorePlugin下方加 new BundleAnalyzerPlugin()

 new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
 new BundleAnalyzerPlugin(),

4、运行npm run build，即可查看js文件大小

tips:

正式代码慎用npm run eject