[分享] webpack-bundle-analyzer

最近在練習拆 module 跟做 lazy loading
然後就看到這個:


可以用來看打包後的 module 有沒有拆好
步驟

  1. ng build --prod --stats-json (打包完後生出 stats-json 檔)
  2. npm install --save-dev webpack-bundle-analyzer (安裝 webpack-bundle-analyzer)
  3. package.json 加入 “bundle-report”: “webpack-bundle-analyzer dist/stats.json”
  4. npm run bundle-report
5個讚