webpack bundle analyzer
It's a cool tool which generates a zoomable tree map showing what's inside your JavaScript bundle - size of each dependency ( and dependencies of dependencies recursively ) in minified, un-minified and gzipped format.
Setup is fairly simple, do give it a try.
I'm a fan of Open Source and have a growing interest in serverless and edge computing. I'm not a big fan of spiders, but they're doing good work eating bugs. I also stream on Twitch.
webpack bundle analyzer
It's a cool tool which generates a zoomable tree map showing what's inside your JavaScript bundle - size of each dependency ( and dependencies of dependencies recursively ) in minified, un-minified and gzipped format.
Setup is fairly simple, do give it a try.
webpack-contrib / webpack-bundle-analyzer
Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
Webpack Bundle Analyzer
Visualize size of webpack output files with an interactive zoomable treemap.
Install
Usage (as a plugin)
It will create an interactive treemap visualization of the contents of all your bundles.
This module will help you:
And the best thing is it supports minified bundles! It parses them to get real size of bundled modules And it also shows their gzipped sizes!
Options (for plugin)
analyzerMode
server
,static
,json
,disabled
Yeah that's a great one. We have it setup on react-slingshot. 🔥