Generate a graph to visualize modules and bundles from webpack via stats.json
build your stats.json file:
webpack --json > stats.json
Manually download and install: www.graphviz.org/Download.php
brew install graphviz
choco install graphviz # add graphviz's bin diretory to your path
build the graph:
npm install -g webpack-stats-graph webpack-stats-graph # by default looks for stats.json in current directory webpack-stats-graph --help
By default output is written to a
statsgraph folder in the current directory.
interactive.htmlloads the graph.svg with jquery.graphviz.svg so you can interact with it, i.e. click a module to see why it is a part of the graph. The graph.svg is embedded with a data-uri to avoid the need for a local web server.
graph.svgis a non-interactive version of the graph.
graph.dotis the dot file, this can be helpful for troubleshooting if the svg fails to render.