跳至主要内容

分析包大小

Source map explorer 使用源映射分析 JavaScript 包。这有助于你了解代码膨胀来自哪里。

要将 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",

然后要分析包,运行生产构建,然后运行分析脚本。

npm run build
npm run analyze