virtualModulePlugin() — vite Function Reference

Architecture documentation for the virtualModulePlugin() function in vite.config.js from the vite codebase.

Function javascript ViteCore ConfigEngine

Entity Profile

ViteCore→ ConfigEngine→ virtualModulePlugin() — vite Function Reference

Dependency Diagram

graph TD
  284652d9_1104_d20d_ba7c_e92aeb37bedb["virtualModulePlugin()"]
  4f18463e_0189_3a52_f9d6_673fd03d4b34["vite.config.js"]
  284652d9_1104_d20d_ba7c_e92aeb37bedb -->|defined in| 4f18463e_0189_3a52_f9d6_673fd03d4b34
  style 284652d9_1104_d20d_ba7c_e92aeb37bedb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

playground/optimize-deps/vite.config.js lines 138–155

function virtualModulePlugin() {
  const virtualModuleId = 'virtual:test-virtual-file/Foo.vue'
  const resolvedVirtualModuleId = '\0' + virtualModuleId

  return {
    name: 'test-virtual-module',
    resolveId(id) {
      if (id === virtualModuleId) {
        return resolvedVirtualModuleId
      }
    },
    load(id) {
      if (id === resolvedVirtualModuleId) {
        return `export default { name: 'VirtualComponent' }`
      }
    },
  }
}