Awesome
Webpack Visualizer
Visualize 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!
Site Usage
Upload your stats JSON file to the site: chrisbateman.github.io/webpack-visualizer/
Plugin Usage
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'
})],
//...