URL: 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.

Your email will never ever be published.

Previous:
Always return namespaces in Django REST Framework May 11, 2018 Python, Django
Next:
Rust > Go > Python ...to parse millions of dates in CSV files May 15, 2018 Python
Related by category:
describetime - A command line tool to say a date-time in different ways October 22, 2026 JavaScript
useSlowTruth - React hook to throttle booleans August 10, 2026 React
gg2 branches got 50% faster by a Promise.all February 16, 2026 JavaScript
How to handle success and failure in @tanstack/react-query useQuery hook September 16, 2024 JavaScript, React
Related by keyword:
How to create-react-app with Docker November 17, 2017 Linux, Web development, Docker, React, JavaScript
From jQuery to Cash June 18, 2019 Web development, JavaScript
Whatsdeployed rewritten in React April 15, 2019 Python, Web development, React, JavaScript
CSS Bloat Comparison June 3, 2016 Web development, JavaScript