Import source code of a Component

[laruiss]

Hi, I would like to port some features of this plugin for VuePress1 : vuepress-plugin-vue-example, which uses clientDynamicModules (to load source code of a component).

In the docs, I read:
clientDynamicModules: removed, use app.writeTemp() in onPrepared hook

Where can I read more about that app.writeTemp()?

[meteorlxy]

It would be listed in the Node API documentation, which is not finished yet.

In fact, the clientDynamicModules is just writing a temp file, i.e.:

clientDynamicModules: () => ({
  name: 'foo.js',
  content: 'export default {}',
})

equals to:

async onPrepared(app) {
  await app.writeTemp('foo.js', 'export default {}')
}

You can use it in client via @temp alias:

import foo from '@temp/foo'

They are literally equal, so that's the reason why we remove the clientDynamicModules hook in v2 - it's redundant.

The app.writeTemp (or called ctx.writeTemp) also exists in v1