feat: Pass through vite configLoader option to createViteServer

docs/.vitepress/scripts/cli-generator.ts

@@ -30,6 +30,7 @@ const skipConfig = new Set([
   'coverage.thresholds.lines',
   'standalone',
   'clearScreen',
+  'configRunner',
   'color',
   'run',
   'hideSkippedTests',

packages/browser/src/node/index.ts

@@ -57,6 +57,7 @@ export async function createBrowserServer(
       },
     },
     mode: project.config.mode,
+    configLoader: project.config.configLoader,
     configFile: configPath,
     // watch is handled by Vitest
     server: {

packages/vitest/src/node/cli/cli-config.ts

@@ -801,6 +801,11 @@ export const cliOptionsConfig: VitestCLIOptions = {
     description:
       'Clear terminal screen when re-running tests during watch mode (default: `true`)',
   },
+  configLoader: {
+    description:
+      'Use `bundle` to bundle the config with esbuild or `runner` (experimental) to process it on the fly (default: `bundle`)',
+    argument: '<loader>',
+  },
   standalone: {
     description:
       'Start Vitest without running tests. File filters will be ignored, tests will be running only on change (default: `false`)',

packages/vitest/src/node/config/resolveConfig.ts

@@ -160,6 +160,7 @@ export function resolveConfig(
   }
 
   resolved.clearScreen = resolved.clearScreen ?? viteConfig.clearScreen ?? true
+  resolved.configLoader = resolved.configLoader ?? viteConfig.inlineConfig.configLoader ?? 'bundle'
 
   if (options.shard) {
     if (resolved.watch) {

packages/vitest/src/node/create.ts

@@ -33,6 +33,7 @@ export async function createVitest(
 
   const config: ViteInlineConfig = {
     configFile: configPath,
+    configLoader: options.configLoader,
     // this will make "mode": "test" | "benchmark" inside defineConfig
     mode: options.mode || mode,
     plugins: await VitestPlugin(options, ctx),

packages/vitest/src/node/project.ts

@@ -740,6 +740,7 @@ export async function initializeProject(
   const config: ViteInlineConfig = {
     ...restOptions,
     configFile,
+    configLoader: options.test?.configLoader,
     // this will make "mode": "test" | "benchmark" inside defineConfig
     mode: options.test?.mode || options.mode || ctx.config.mode,
     plugins: [

packages/vitest/src/node/types/config.ts

@@ -358,6 +358,9 @@ export interface InlineConfig {
    */
   minWorkers?: number | string
 
+  /** @experimental */
+  configLoader?: 'bundle' | 'runner' | 'native'
+
   /**
    * Should all test files run in parallel. Doesn't affect tests running in the same file.
    * Setting this to `false` will override `maxWorkers` and `minWorkers` options to `1`.
@@ -945,6 +948,11 @@ export interface UserConfig extends InlineConfig {
    */
   clearScreen?: boolean
 
+  /**
+   * Override vite config's configLoader from cli
+   */
+  configLoader?: 'bundle' | 'runner' | 'native'
+
   /**
    * benchmark.compare option exposed at the top level for cli
    */