Pre-bundling some source code folders

[greeeg]

Hello Vite community 👋

I'm working on a project in which some frontend files are autogenerated & are included in a src/generated folder.
Instead of having Vite load every file over a different HTTP request & treat this folder as internal modules, I would like to benefit from pre-bundling & only load a single chunk/bundle for the whole folder.

Is this possible? Do we have examples in the docs?

Many thanks

[sadn1ck]

I think it should be possible to add ./src/generated/* to optimizeDeps.include, remember seeing it on some issue. Not sure if I'm correct lol. Docs only mention libraries though

[bastianwegge]

@greeeg did you find a solution to this?

[jumika]

When i was experimenting with this i got to the conclusion that optimizeDeps.include and a named alias can solve this problem, but you have to be sure all your imports are using the alias. In my case this was not an option because the generated code itself referenced parts of it that obviously not used my alias.
My solution was to pre bundle it manually. I added another entry to package.json scripts that bundled the generated code into a few files and changed my imports to that in my source code.
Anyway it would be very nice if we could simply define a list of folders that have to be pre bundled somehow and imports would automatically resolve to these pre bundled modules.