Webpack Bundle Analyzer for create-react-app

14 May 2018   0 comments   Javascript, ReactJS

https://github.com/facebook/create-react-app/issues/3518#issue-277616195

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:

Webpack bundle analyzed for 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.

Comments

Your email will never ever be published


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:
To CDN assets or just HTTP/2 17 May 2018
Even more aggressively trying to preload your next page load 22 January 2018
Another win for Tracking Protection in Firefox 13 December 2017
How to create-react-app with Docker 17 November 2017
Ultrafast loading of CSS 01 September 2017
Related by Text:
jQuery and Highslide JS 08 January 2008
I'm back! Peterbe.com has been renewed 05 June 2005
Anti-McCain propaganda videos 12 August 2008
Ever wondered how much $87 Billion is? 04 November 2003
Guake, not Yakuake or Yeahconsole 23 January 2010