Visualize your Webpack bundle
See the codeVisualize and analyze your Webpack bundle to see which modules are taking up space and which might be duplicates.
This tool is still pretty new, so please submit issues or feature requests!
Upload your stats JSON file to the site: chrisbateman.github.io/webpack-visualizer/
npm install webpack-visualizer-plugin
var Visualizer = require('webpack-visualizer-plugin');
//...
plugins: [new Visualizer()],
//...
This will output a file named stats.html in your output directory. You can modify the name/location by passing a filename parameter into the constructor.
var Visualizer = require('webpack-visualizer-plugin');
//...
plugins: [new Visualizer({
filename: './statistics.html'
})],
//...

1,053 followers · starred Nov 2015
2,975 followers · starred Dec 2022
249 followers · starred Feb 2020
172 followers · starred Jan 2017
Visualize your Webpack bundle
See the codeVisualize and analyze your Webpack bundle to see which modules are taking up space and which might be duplicates.
This tool is still pretty new, so please submit issues or feature requests!
Upload your stats JSON file to the site: chrisbateman.github.io/webpack-visualizer/
npm install webpack-visualizer-plugin
var Visualizer = require('webpack-visualizer-plugin');
//...
plugins: [new Visualizer()],
//...
This will output a file named stats.html in your output directory. You can modify the name/location by passing a filename parameter into the constructor.
var Visualizer = require('webpack-visualizer-plugin');
//...
plugins: [new Visualizer({
filename: './statistics.html'
})],
//...

1,053 followers · starred Nov 2015
2,975 followers · starred Dec 2022
249 followers · starred Feb 2020
172 followers · starred Jan 2017