Webpack Bundle Analyzer for create-react-app

webpack-bundle-analyzer is an awesome little program for understanding why and which parts of your bundled .js files are so big. It's a lot more advanced (and pretty) than source-map-explorer.

Thanks to this tip by @trevorwhealy you can now use webpack-bundle-analyzer on a create-react-app bundle. Yay!

Check out the report I made for the client side code of Songsear.ch:

One thing I personally noticed from this is that the .png do take up quite a lot of kilobytes. And I'm quite that the whatwg-fetch polyfill uses 12KB before gzip.

Follow @peterbe on Twitter

Comments

Related posts

Previous:

Always return namespaces in Django REST Framework 11 May 2018

Next:

Rust > Go > Python ...to parse millions of dates in CSV files 15 May 2018

Related by Keyword:

Whatsdeployed rewritten in React 15 April 2019

create-react-app, SCSS, and Bulmaswatch 12 February 2019

Inline scripts in create-react-app 2.0 and CSP hashes 05 October 2018

To CDN assets or just HTTP/2 17 May 2018

Even more aggressively trying to preload your next page load 22 January 2018