chrisbateman / webpack-visualizer

Visualize your Webpack bundle

Home Page:http://chrisbateman.github.io/webpack-visualizer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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'
})],
//...

About

Visualize your Webpack bundle

http://chrisbateman.github.io/webpack-visualizer/

License:MIT License


Languages

Language:JavaScript 76.5%Language:CSS 23.5%