使用source-map-explorer分析webpack打包的资源大小情况

Source map explorer 使用源地图分析JavaScript包。

这可以了解代码臃肿的来源，比如你经常发现打包后的代码文件比较大，但是有不知道该从哪点来分析，那么就可以用这个 Source map explorer 了。

要将 Source map explorer 添加到 Create React App 项目中，请遵循以下步骤：

npm install --save source-map-explorer

或者，您可以使用 yarn：

yarn add source-map-explorer

然后在中package.json，将以下行添加到scripts：

"scripts": {
+ "analyze": "source-map-explorer 'build/static/js/*.js'",
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",

然后要分析捆绑软件，请运行 build，然后运行分析脚本。

npm run build
npm run analyze