兩步走。
- 項目根目錄下
webpack --profile --json > stats.json
,生成stats.json
文件
--profile
,記錄構建的耗時信息;
--json
,輸出結果以JSON格式
保存;
> stats.json
,輸出結果保存在stats.json
文件中。
一個前提:全局安裝了webpack, npm install -g webpack
一個必須:json文件名必須是stats.json - 將
stats.json
導入 可視化工具 並分析
兩種可視化工具供選擇。
第一種,到達官方分析工具,導入stats.json
即可;
第二種,全局安裝webpack-bundle-analyzer
,然後執行webpack-bundle-analyzer stats.json
即可