Too many small chunks

[alexblack]

We're using Remix, which uses esbuild, and our webapp build produces 91 chunks, about 50% of which are less than 1kb, which means our webpages import around 30-35 chunks, which I think is really inefficient for the browser.

Are there any good work arounds to avoid this?

One of our chunks is:

var e="web";export{e as a};

This appears to be coming from a single typescript file with a single constant in it... so I guess I can fix that by moving the constant to another file.

There are a few like this:

import{b as o}from"/build/_shared/chunk-2LOM2E4Y.js";var p=o((r,e)=>{e.exports={}});export{p as a};
//# sourceMappingURL=/build/_shared/chunk-SIMRMZHU.js.map

[alexblack]

I'm reviewing a few of these tiny chunks, and they are usually from tiny TS files in our repo.... so I guess the solution is to start consolidating our files, and avoiding having tiny files like this? I imagine I should think carefully about which code to co-locate?