langtianlang/webpack-visualizer

Visualize your Webpack bundle

Usage

git clone https://github.com/bradencanderson/webpack-visualizer.git

cd webpack-visualizer
npm install
npm run build
npm run dev

Generate a webpack stats file:

plugins.push(new BundleAnalyzerPlugin({
    analyzerMode: 'disabled',
    openAnalyzer: false,
    generateStatsFile: true,
    statsFilename: 'stats/stats.json',
    statsOptions: {
      assets: true,
      source: false,
      chunks: true,
      modules: true,
      children: true,
    }
  }));

Then open up localhost:8080 and drag your stats file into the window.

---