Is there Any ways to extract a separate file for createContentLoader data

[lemonicy]

Is your feature request related to a problem? Please describe.

My website has many posts, and data generated by createContentLoader function can take up more than 90% of theme.xxxxxxxx.js file size. However, these contents only attract 15% users but the rest 85% users must download these data which are useless for them.

Describe the solution you'd like

Now vitepress has a site config option named metaChunk, maybe you can incorporate these contents into metadata.xxxxxxxx.js

Describe alternatives you've considered

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Read the Contributing Guidelines.
• Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.

[brc-dd]

How are you using that function? Its output should usually go to the corresponding .md.js chunk not the theme chunk, unless you're statically importing a .data.ts file it in your theme or in on of the components your theme imports. If it's latter, you'll need to dynamically import the data loader file (await import('./path/to/data.js')) to chunk split it.

[lemonicy]

How are you using that function? Its output should usually go to the corresponding .md.js chunk not the theme chunk, unless you're statically importing a .data.ts file it in your theme or in on of the components your theme imports. If it's latter, you'll need to dynamically import the data loader file (await import('./path/to/data.js')) to chunk split it.

I did import it statically. Let me try.

[lemonicy]

How are you using that function? Its output should usually go to the corresponding .md.js chunk not the theme chunk, unless you're statically importing a .data.ts file it in your theme or in on of the components your theme imports. If it's latter, you'll need to dynamically import the data loader file (await import('./path/to/data.js')) to chunk split it.

I tried for several hours.

import('./path/to/data.js') returns a Promise, and I need to use "await" or "then" layer after layer. But in the end, vue does not support async value in <script setup> unless I use a experimental feature named <Suspense> and/or use the complex defineAsyncComponent API…

Now I want to give up it.

Updated on April 14 2025:
Finally I used the experimental <Suspense> in my program.