探索webpack的可视化资源分析工具webpack-bundle-analyzer的使用
探索 webpack 的可视化资源分析工具 webpack-bundle-analyzer 的使用
- `npm run start` 命令,用于启动项目;
- `npm run build` 命令,用于打包项目;
- `npm run analyz` 命令,用于启动webpack-bundle-analyzer分析打包结果中各个依赖的占用情况;
npm run analyz
命令后的分析结果图如下使用source-map-explorer工具,可以基于打包生成的产物,执行 ‘source-map-explorer bundle.min.js’ 命令进行分析产物构成。
详情参加:source-map-explorer