Bundle Components into 1 File

[notchatbot]

Describe the problem

• I have a route that is getting a lot of traffic.
• That route uses many components and when compiled each of these components get compiled into 1 file each.
• I use vercel to deploy my projects and vercel caches automatically on the edge network.
• A lot of traffic + A lot of components = A huge bill
• I can solve it hardcoding every component into my +page.svelte but clearly I don't want to do that.

For reference using Svelte 5 + SvelteKit.

Describe the proposed solution

I would need a way to compile every component into 1 file and if it is called from /+page.svelte with a lot of traffic use that big file. Or maybe even some docs on how to compile svelte into ES Module (I have found some, but they are all using rollup or really old versions of svelte). None of them uses sveltekit.

WebComponents are simply nasty and I don't want to deal with them. (Unless you tell me that they are the only way I won't use them).

Importance

i cannot use svelte without it

[eltigerchino]

You may want to have a look at #3882 (comment) for a current workaround of reducing the number of chunks

[notchatbot]

It's a good workaround. I've managed to do something like that but I had to create a new project within my project with vite and then bundle the sub-project into one js file and it worked. Still I want to use regular sveltekit to create cross-framework components (I know what you are thinking and I do not want to use web components)