Great post, thank u for bring up the idea.

And for guys who worry about more boilerplate code and less compression caused by too many small files , here is a way to save u.

If u sure that some libs will load for every pages, like, react, react-dom, redux…I mean, how often u will upgrade ur react, redux version? Probably no at all during the product lifecycle, because ur entire app is build up on them.

Then u can just merge them into one package and get all the benefits that big file brings! In my case I save more than 40 KB by merging >60 small packages into one file(load 60 small packages for every pages is crazy but true, in modern web development :P).

All u need to do is something like this when getting chunk name: