Hacker News Reader

I built a web app recently in react, nothing too complicated just basic CRUD stuff, when compiled with webpack ended up being about 4mb. I'm guessing that's because of the libraries I included but I haven't really had time to investigate.

Are there any tools to help with this?

View on HN

Hey, There are a bunch of ways to find out what makes up a webpack bundle (and by looking at that you might be able to find code which is not used by your app or which could be replaced by a smaller dependency). Basically, webpack can give you the stats via:

webpack --profile --json > webpack-stats.json

Based on that, other tools can help you analyse the bundle, ie: https://webpack.github.io/analyse/

Have a look at this post explaining the details: https://medium.com/@joeclever/three-simple-ways-to-inspect-a...

Awesome, thanks mate :)

Reply on news.ycombinator.com