- <div id="App"><div data-reactid=".77alu3v0n4" data-react-checksum="-434580684"><h1 data-reactid=".77alu3v0n4.0">Webpack Visualizer</h1><div class="chart chart--needsUpload" data-reactid=".77alu3v0n4.1"><div class="chart-uploadMessage" data-reactid=".77alu3v0n4.1.0"><p data-reactid=".77alu3v0n4.1.0.0">Drop JSON file here or click to choose.</p><small data-reactid=".77alu3v0n4.1.0.1">Files won't be uploaded — your data stays in the browser.</small></div><div class="details" data-reactid=".77alu3v0n4.1.1"></div><noscript data-reactid=".77alu3v0n4.1.2"></noscript></div><input type="file" class="hiddenFileInput" data-reactid=".77alu3v0n4.2"/><button class="destyledButton" style="margin-top:0.5em;" data-reactid=".77alu3v0n4.3">Try a Demo</button><div class="breadcrumbs" data-reactid=".77alu3v0n4.4"></div><footer data-reactid=".77alu3v0n4.5"><h2 data-reactid=".77alu3v0n4.5.0">How do I get stats JSON from webpack?</h2><p data-reactid=".77alu3v0n4.5.1"><code data-reactid=".77alu3v0n4.5.1.0">webpack --profile --json > stats.json</code></p><p data-reactid=".77alu3v0n4.5.2"><span data-reactid=".77alu3v0n4.5.2.0">Or you can use </span><a href="https://www.npmjs.com/package/webpack-stats-plugin" data-reactid=".77alu3v0n4.5.2.1">webpack-stats-plugin</a></p><h2 data-reactid=".77alu3v0n4.5.3">Disclaimer</h2><p data-reactid=".77alu3v0n4.5.4"> Webpack records the pre-minified size of each module (since minifying is done with a plugin rather than a loader). Since not all modules minify as efficiently as others, the perecentages displayed here can only be an approximation of the true, minfied numbers.</p><h2 data-reactid=".77alu3v0n4.5.5">Contribute!</h2><p data-reactid=".77alu3v0n4.5.6"><span data-reactid=".77alu3v0n4.5.6.0">This tool is still pretty new. Check it out on </span><a href="https://github.com/chrisbateman/webpack-visualizer" data-reactid=".77alu3v0n4.5.6.1">GitHub</a><span data-reactid=".77alu3v0n4.5.6.2">, and please </span><a href="https://github.com/chrisbateman/webpack-visualizer/issues" data-reactid=".77alu3v0n4.5.6.3">report issues or request features</a><span data-reactid=".77alu3v0n4.5.6.4">!</span></p><h2 data-reactid=".77alu3v0n4.5.7">Acknowledgements</h2><p data-reactid=".77alu3v0n4.5.8"><a href="https://github.com/hughsk/disc" data-reactid=".77alu3v0n4.5.8.0">Disc</a><span data-reactid=".77alu3v0n4.5.8.1"> for Browserify did this first. Thanks also to </span><a href="https://gist.github.com/kerryrodden/7090426" data-reactid=".77alu3v0n4.5.8.2">this example</a><span data-reactid=".77alu3v0n4.5.8.3"> from the D3 gallery for demonstating how to create sunburst charts.</span></p><h2 data-reactid=".77alu3v0n4.5.9">Comments, questions</h2><p data-reactid=".77alu3v0n4.5.a"><span data-reactid=".77alu3v0n4.5.a.0">Let me know! </span><a href="https://twitter.com/batemanchris/" data-reactid=".77alu3v0n4.5.a.1">@batemanchris</a></p></footer></div></div>
0 commit comments