Webpack Visualizer

Drop JSON file here or click to choose.

Files won't be uploaded — your data stays in your browser.

How do I get stats JSON from webpack?

webpack --json > stats.json

If you're customizing your stats output or using webpack-stats-plugin, be sure to set chunkModules to true (see here for an example).

Try the Plugin!

This tool is also available as a webpack plugin. See here for usage details.

npm install webpack-visualizer-plugin

Disclaimer

Due to limitations in Webpack's stats, the "actual" (minified) numbers reported here are approximate, but they should be pretty close.

Contribute!

Check it out on GitHub, and please report issues or request features!

Acknowledgements

Disc for Browserify did this first. Thanks also to this example from the D3 gallery for demonstating how to create sunburst charts.

Comments, questions

Let me know! @batemanchris