perf: update vm imports to use named imports and dynamic require (#5313)

Author: chenjiahan

packages/core/src/server/runner/asModule.ts

@@ -1,17 +1,19 @@
-import vm from 'node:vm';
+import type { ModuleLinker, SourceTextModule } from 'node:vm';
 
 export const asModule = async (
   something: Record<string, any>,
   context: Record<string, any>,
   unlinked?: boolean,
-): Promise<vm.SourceTextModule> => {
-  if (something instanceof vm.Module) {
+): Promise<SourceTextModule> => {
+  const { Module, SyntheticModule } = await import('node:vm');
+
+  if (something instanceof Module) {
     return something;
   }
 
   const exports = [...new Set(['default', ...Object.keys(something)])];
 
-  const m = new vm.SyntheticModule(
+  const m = new SyntheticModule(
     exports,
     () => {
       for (const name of exports) {
@@ -22,8 +24,11 @@ export const asModule = async (
       context,
     },
   );
+
   if (unlinked) return m;
-  await m.link((() => {}) as () => vm.Module);
+
+  await m.link((() => {}) as unknown as ModuleLinker);
+
   // @ts-expect-error copy from webpack
   if (m.instantiate) m.instantiate();
   await m.evaluate();

packages/core/src/server/runner/cjs.ts

@@ -1,6 +1,5 @@
 import { createRequire } from 'node:module';
 import path from 'node:path';
-import vm from 'node:vm';
 import { BasicRunner } from './basic';
 import type {
   BasicGlobalContext,
@@ -87,6 +86,7 @@ export class CommonJsRunner extends BasicRunner {
 
   protected createCjsRequirer(): RunnerRequirer {
     const requireCache = Object.create(null);
+    const vm = require('node:vm') as typeof import('node:vm');
 
     return (currentDirectory, modulePath, context = {}) => {
       const file = context.file || this.getFile(modulePath, currentDirectory);

packages/core/src/server/runner/esm.ts

@@ -1,12 +1,14 @@
+import { createRequire } from 'node:module';
 import path from 'node:path';
 import { fileURLToPath, pathToFileURL } from 'node:url';
-import vm, { type SourceTextModule } from 'node:vm';
-import { asModule } from './asModule';
-
+import type { SourceTextModule } from 'node:vm';
 import { color } from '../../helpers';
+import { asModule } from './asModule';
 import { CommonJsRunner } from './cjs';
 import { EsmMode, type RunnerRequirer } from './type';
 
+const require = createRequire(import.meta.url);
+
 export class EsmRunner extends CommonJsRunner {
   protected createRunner(): void {
     super.createRunner();
@@ -38,6 +40,8 @@ export class EsmRunner extends CommonJsRunner {
   protected createEsmRequirer(): RunnerRequirer {
     const esmCache = new Map<string, SourceTextModule>();
     const esmIdentifier = this._options.name;
+    const vm = require('node:vm') as typeof import('node:vm');
+
     return (currentDirectory, modulePath, context = {}) => {
       if (!vm.SourceTextModule) {
         throw new Error(