From e8cedbbc28cc9c9ad6881f551263ca992a9ee3b1 Mon Sep 17 00:00:00 2001
From: fi3ework <fi3ework@gmail.com>
Date: Sat, 11 Feb 2023 03:28:22 +0800
Subject: [PATCH 1/6] refactor(playground): move to ESM module and add type
 check for config

---
 playground/alias/vite.config.js               |  11 +-
 playground/assets-sanitize/vite.config.js     |   5 +-
 .../__tests__/relative-base/vite.config.js    |   3 +-
 .../__tests__/runtime-base/vite.config.js     |   3 +-
 .../assets/vite.config-relative-base.js       |  14 +-
 playground/assets/vite.config-runtime-base.js |  15 +--
 playground/assets/vite.config.js              |  39 +++---
 playground/backend-integration/vite.config.js |  14 +-
 playground/cli-module/vite.config.js          |   1 +
 playground/cli/vite.config.js                 |   5 +-
 .../config/packages/entry/vite.config.ts      |   1 +
 playground/css-codesplit-cjs/vite.config.js   |   8 +-
 playground/css-codesplit/vite.config.js       |   8 +-
 playground/css-sourcemap/vite.config.js       |  11 +-
 playground/css/vite.config-relative-base.js   |  14 +-
 playground/css/vite.config.js                 | 121 +++++++++---------
 playground/define/vite.config.js              |  49 +++----
 playground/dynamic-import/vite.config.js      |   9 +-
 playground/env-nested/vite.config.js          |   5 +-
 playground/env/vite.config.js                 |   5 +-
 playground/extensions/vite.config.js          |   7 +-
 playground/external/vite.config.js            |   1 +
 playground/fs-serve/root/vite.config.js       |  11 +-
 playground/glob-import/vite.config.ts         |   1 +
 playground/hmr/vite.config.ts                 |   1 +
 playground/html/vite.config.js                |  11 +-
 playground/js-sourcemap/vite.config.js        |  10 +-
 .../legacy/vite.config-custom-filename.js     |   8 +-
 .../legacy/vite.config-multiple-output.js     |   3 +-
 playground/legacy/vite.config.js              |  12 +-
 playground/lib/vite.config.js                 |  75 +++++------
 playground/lib/vite.dyimport.config.js        |  12 +-
 playground/lib/vite.nominify.config.js        |   8 +-
 playground/minify/vite.config.js              |   1 +
 .../multiple-entrypoints/vite.config.js       |   9 +-
 playground/nested-deps/vite.config.js         |  10 +-
 playground/object-hooks/vite.config.ts        |   1 +
 playground/optimize-deps/vite.config.js       |  11 +-
 .../__tests__/preload-disabled/vite.config.js |   3 +-
 .../__tests__/resolve-deps/vite.config.js     |   3 +-
 .../preload/vite.config-preload-disabled.ts   |   1 +
 .../preload/vite.config-resolve-deps.ts       |   1 +
 playground/preload/vite.config.ts             |   1 +
 playground/resolve-config/root/vite.config.ts |   7 +-
 playground/resolve/vite.config.js             |  11 +-
 playground/ssr-noexternal/vite.config.js      |   2 +-
 playground/ssr-resolve/vite.config.js         |   1 +
 playground/ssr-webworker/vite.config.js       |   3 +
 playground/tailwind-sourcemap/vite.config.js  |  10 +-
 playground/tailwind/vite.config.ts            |   1 +
 playground/transform-plugin/vite.config.js    |   9 +-
 playground/wasm/vite.config.ts                |   1 +
 playground/worker/__tests__/es/vite.config.js |   3 +-
 .../worker/__tests__/iife/vite.config.js      |   3 +-
 .../__tests__/relative-base/vite.config.js    |   3 +-
 .../__tests__/sourcemap-hidden/vite.config.js |   4 +-
 .../__tests__/sourcemap-inline/vite.config.js |   4 +-
 .../worker/__tests__/sourcemap/vite.config.js |   4 +-
 playground/worker/vite.config-es.js           |   8 +-
 playground/worker/vite.config-iife.js         |   7 +-
 .../worker/vite.config-relative-base.js       |   9 +-
 playground/worker/vite.config-sourcemap.js    |  21 +--
 62 files changed, 354 insertions(+), 299 deletions(-)

diff --git a/playground/alias/vite.config.js b/playground/alias/vite.config.js
index cdabb2594d8367..a0423eb75e4ae7 100644
--- a/playground/alias/vite.config.js
+++ b/playground/alias/vite.config.js
@@ -1,9 +1,8 @@
-const path = require('node:path')
+// @ts-check
+import path from 'node:path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   resolve: {
     alias: [
       { find: 'fs', replacement: path.resolve(__dirname, 'test.js') },
@@ -39,4 +38,4 @@ module.exports = {
     __VUE_OPTIONS_API__: true,
     __VUE_PROD_DEVTOOLS__: true,
   },
-}
+})
diff --git a/playground/assets-sanitize/vite.config.js b/playground/assets-sanitize/vite.config.js
index c259a739d608b0..331ae14e189337 100644
--- a/playground/assets-sanitize/vite.config.js
+++ b/playground/assets-sanitize/vite.config.js
@@ -1,6 +1,7 @@
-const { defineConfig } = require('vite')
+// @ts-check
+import { defineConfig } from 'vite'
 
-module.exports = defineConfig({
+export default defineConfig({
   build: {
     //speed up build
     minify: false,
diff --git a/playground/assets/__tests__/relative-base/vite.config.js b/playground/assets/__tests__/relative-base/vite.config.js
index 6837b8ef975a3d..80cc0fd001524f 100644
--- a/playground/assets/__tests__/relative-base/vite.config.js
+++ b/playground/assets/__tests__/relative-base/vite.config.js
@@ -1 +1,2 @@
-module.exports = require('../../vite.config-relative-base')
+// @ts-check
+export { default } from '../../vite.config-relative-base'
diff --git a/playground/assets/__tests__/runtime-base/vite.config.js b/playground/assets/__tests__/runtime-base/vite.config.js
index fdc2a616ab2d80..8fef6220d2f94d 100644
--- a/playground/assets/__tests__/runtime-base/vite.config.js
+++ b/playground/assets/__tests__/runtime-base/vite.config.js
@@ -1 +1,2 @@
-module.exports = require('../../vite.config-runtime-base')
+// @ts-check
+export { default } from '../../vite.config-runtime-base'
diff --git a/playground/assets/vite.config-relative-base.js b/playground/assets/vite.config-relative-base.js
index 7edbaf07c95c29..0d7c1bc213d735 100644
--- a/playground/assets/vite.config-relative-base.js
+++ b/playground/assets/vite.config-relative-base.js
@@ -1,15 +1,14 @@
-/**
- * @type {import('vite').UserConfig}
- */
+// @ts-check
+import { defineConfig } from 'vite'
+import baseConfig from './vite.config.js'
 
-const baseConfig = require('./vite.config.js')
-module.exports = {
+export default defineConfig({
   ...baseConfig,
   base: './', // relative base to make dist portable
   build: {
     ...baseConfig.build,
     outDir: 'dist/relative-base',
-    watch: false,
+    watch: null,
     minify: false,
     assetsInlineLimit: 0,
     rollupOptions: {
@@ -20,7 +19,8 @@ module.exports = {
       },
     },
   },
+  // @ts-expect-error refer to playground/vitestSetup.ts
   testConfig: {
     baseRoute: '/relative-base/',
   },
-}
+})
diff --git a/playground/assets/vite.config-runtime-base.js b/playground/assets/vite.config-runtime-base.js
index 7d2c042c9211e5..4f823167290311 100644
--- a/playground/assets/vite.config-runtime-base.js
+++ b/playground/assets/vite.config-runtime-base.js
@@ -1,22 +1,19 @@
-const path = require('node:path')
+// @ts-check
+import { defineConfig } from 'vite'
+import baseConfig from './vite.config.js'
 
 const dynamicBaseAssetsCode = `
 globalThis.__toAssetUrl = url => '/' + url
 globalThis.__publicBase = '/'
 `
 
-const baseConfig = require('./vite.config.js')
-
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   ...baseConfig,
   base: './', // overwrite the original base: '/foo/'
   build: {
     ...baseConfig.build,
     outDir: 'dist',
-    watch: false,
+    watch: null,
     minify: false,
     assetsInlineLimit: 0,
     rollupOptions: {
@@ -61,4 +58,4 @@ module.exports = {
       }
     },
   },
-}
+})
diff --git a/playground/assets/vite.config.js b/playground/assets/vite.config.js
index e6d2ba3fb460d2..8638fb7340973d 100644
--- a/playground/assets/vite.config.js
+++ b/playground/assets/vite.config.js
@@ -1,21 +1,22 @@
-const path = require('node:path')
+// @ts-check
+import path from 'node:path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
-  base: '/foo',
-  publicDir: 'static',
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, 'nested'),
+export default /** @type {import('vite').UserConfig} */ (
+  defineConfig({
+    base: '/foo',
+    publicDir: 'static',
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'nested'),
+      },
     },
-  },
-  assetsInclude: ['**/*.unknown'],
-  build: {
-    outDir: 'dist/foo',
-    assetsInlineLimit: 8192, // 8kb
-    manifest: true,
-    watch: {},
-  },
-}
+    assetsInclude: ['**/*.unknown'],
+    build: {
+      outDir: 'dist/foo',
+      assetsInlineLimit: 8192, // 8kb
+      manifest: true,
+      watch: {},
+    },
+  })
+)
diff --git a/playground/backend-integration/vite.config.js b/playground/backend-integration/vite.config.js
index 245f1324ded5ed..b8f16ae18414a6 100644
--- a/playground/backend-integration/vite.config.js
+++ b/playground/backend-integration/vite.config.js
@@ -1,6 +1,7 @@
-const path = require('node:path')
-const glob = require('fast-glob')
-const normalizePath = require('vite').normalizePath
+// @ts-check
+import path from 'node:path'
+import glob from 'fast-glob'
+import { defineConfig, normalizePath } from 'vite'
 
 /**
  * @returns {import('vite').Plugin}
@@ -40,10 +41,7 @@ function BackendIntegrationExample() {
   }
 }
 
-/**
- * @returns {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   base: '/dev/',
   plugins: [BackendIntegrationExample()],
-}
+})
diff --git a/playground/cli-module/vite.config.js b/playground/cli-module/vite.config.js
index ed7ac01c2d6612..1644092b68f0d0 100644
--- a/playground/cli-module/vite.config.js
+++ b/playground/cli-module/vite.config.js
@@ -1,3 +1,4 @@
+// @ts-check
 // eslint-disable-next-line import/no-nodejs-modules
 import { URL } from 'url'
 import { defineConfig } from 'vite'
diff --git a/playground/cli/vite.config.js b/playground/cli/vite.config.js
index 5a5d90cdd8d570..41b38de3658c5d 100644
--- a/playground/cli/vite.config.js
+++ b/playground/cli/vite.config.js
@@ -1,6 +1,7 @@
-const { defineConfig } = require('vite')
+// @ts-check
+import { defineConfig } from 'vite'
 
-module.exports = defineConfig({
+export default defineConfig({
   server: {
     host: 'localhost',
     headers: {
diff --git a/playground/config/packages/entry/vite.config.ts b/playground/config/packages/entry/vite.config.ts
index 7a4e9a682ae040..8eb679d713f52d 100644
--- a/playground/config/packages/entry/vite.config.ts
+++ b/playground/config/packages/entry/vite.config.ts
@@ -1,3 +1,4 @@
+// @ts-check
 import moduleCondition from '@vite/test-config-plugin-module-condition'
 import { array } from '../siblings/foo'
 
diff --git a/playground/css-codesplit-cjs/vite.config.js b/playground/css-codesplit-cjs/vite.config.js
index 7646d17279e514..37951d3d7c65b0 100644
--- a/playground/css-codesplit-cjs/vite.config.js
+++ b/playground/css-codesplit-cjs/vite.config.js
@@ -1,6 +1,8 @@
-const { resolve } = require('node:path')
+// @ts-check
+import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
 
-module.exports = {
+export default defineConfig({
   build: {
     outDir: './dist',
     manifest: true,
@@ -17,4 +19,4 @@ module.exports = {
       },
     },
   },
-}
+})
diff --git a/playground/css-codesplit/vite.config.js b/playground/css-codesplit/vite.config.js
index 870060f7e6c382..e4d2965d20bca7 100644
--- a/playground/css-codesplit/vite.config.js
+++ b/playground/css-codesplit/vite.config.js
@@ -1,6 +1,8 @@
-const { resolve } = require('node:path')
+// @ts-check
+import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
 
-module.exports = {
+export default defineConfig({
   build: {
     manifest: true,
     rollupOptions: {
@@ -18,4 +20,4 @@ module.exports = {
       },
     },
   },
-}
+})
diff --git a/playground/css-sourcemap/vite.config.js b/playground/css-sourcemap/vite.config.js
index 64067165873701..60e74138c13379 100644
--- a/playground/css-sourcemap/vite.config.js
+++ b/playground/css-sourcemap/vite.config.js
@@ -1,9 +1,8 @@
-const MagicString = require('magic-string')
+// @ts-check
+import { defineConfig } from 'vite'
+import MagicString from 'magic-string'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   resolve: {
     alias: {
       '@': __dirname,
@@ -58,4 +57,4 @@ module.exports = {
       },
     },
   ],
-}
+})
diff --git a/playground/css/vite.config-relative-base.js b/playground/css/vite.config-relative-base.js
index 7edbaf07c95c29..0d7c1bc213d735 100644
--- a/playground/css/vite.config-relative-base.js
+++ b/playground/css/vite.config-relative-base.js
@@ -1,15 +1,14 @@
-/**
- * @type {import('vite').UserConfig}
- */
+// @ts-check
+import { defineConfig } from 'vite'
+import baseConfig from './vite.config.js'
 
-const baseConfig = require('./vite.config.js')
-module.exports = {
+export default defineConfig({
   ...baseConfig,
   base: './', // relative base to make dist portable
   build: {
     ...baseConfig.build,
     outDir: 'dist/relative-base',
-    watch: false,
+    watch: null,
     minify: false,
     assetsInlineLimit: 0,
     rollupOptions: {
@@ -20,7 +19,8 @@ module.exports = {
       },
     },
   },
+  // @ts-expect-error refer to playground/vitestSetup.ts
   testConfig: {
     baseRoute: '/relative-base/',
   },
-}
+})
diff --git a/playground/css/vite.config.js b/playground/css/vite.config.js
index b95395e8946fb8..7561fcecd885ba 100644
--- a/playground/css/vite.config.js
+++ b/playground/css/vite.config.js
@@ -1,72 +1,75 @@
-const path = require('node:path')
+// @ts-check
+import path from 'node:path'
+import { defineConfig } from 'vite'
 
 // trigger scss bug: https://github.com/sass/dart-sass/issues/710
 // make sure Vite handles safely
+// @ts-expect-error refer to https://github.com/vitejs/vite/pull/11079
 globalThis.window = {}
+// @ts-expect-error refer to https://github.com/vitejs/vite/pull/11079
 globalThis.location = new URL('http://localhost/')
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
-  build: {
-    cssTarget: 'chrome61',
-  },
-  esbuild: {
-    logOverride: {
-      'unsupported-css-property': 'silent',
+export default /** @type {import('vite').UserConfig} */ (
+  defineConfig({
+    build: {
+      cssTarget: 'chrome61',
     },
-  },
-  resolve: {
-    alias: {
-      '=': __dirname,
-      spacefolder: __dirname + '/folder with space',
-      '#alias': __dirname + '/aliased/foo.css',
-      '#alias?inline': __dirname + '/aliased/foo.css?inline',
-      '#alias-module': __dirname + '/aliased/bar.module.css',
+    esbuild: {
+      logOverride: {
+        'unsupported-css-property': 'silent',
+      },
+    },
+    resolve: {
+      alias: {
+        '=': __dirname,
+        spacefolder: __dirname + '/folder with space',
+        '#alias': __dirname + '/aliased/foo.css',
+        '#alias?inline': __dirname + '/aliased/foo.css?inline',
+        '#alias-module': __dirname + '/aliased/bar.module.css',
+      },
     },
-  },
-  css: {
-    modules: {
-      generateScopedName: '[name]__[local]___[hash:base64:5]',
+    css: {
+      modules: {
+        generateScopedName: '[name]__[local]___[hash:base64:5]',
 
-      // example of how getJSON can be used to generate
-      // typescript typings for css modules class names
+        // example of how getJSON can be used to generate
+        // typescript typings for css modules class names
 
-      // getJSON(cssFileName, json, _outputFileName) {
-      //   let typings = 'declare const classNames: {\n'
-      //   for (let className in json) {
-      //     typings += `    "${className}": string;\n`
-      //   }
-      //   typings += '};\n'
-      //   typings += 'export default classNames;\n'
-      //   const { join, dirname, basename } = require('path')
-      //   const typingsFile = join(
-      //     dirname(cssFileName),
-      //     basename(cssFileName) + '.d.ts'
-      //   )
-      //   require('fs').writeFileSync(typingsFile, typings)
-      // },
-    },
-    preprocessorOptions: {
-      scss: {
-        additionalData: `$injectedColor: orange;`,
-        importer: [
-          function (url) {
-            return url === 'virtual-dep' ? { contents: '' } : null
-          },
-          function (url) {
-            return url.endsWith('.wxss') ? { contents: '' } : null
-          },
-        ],
+        // getJSON(cssFileName, json, _outputFileName) {
+        //   let typings = 'declare const classNames: {\n'
+        //   for (let className in json) {
+        //     typings += `    "${className}": string;\n`
+        //   }
+        //   typings += '};\n'
+        //   typings += 'export default classNames;\n'
+        //   const { join, dirname, basename } = require('path')
+        //   const typingsFile = join(
+        //     dirname(cssFileName),
+        //     basename(cssFileName) + '.d.ts'
+        //   )
+        //   require('fs').writeFileSync(typingsFile, typings)
+        // },
       },
-      styl: {
-        additionalData: `$injectedColor ?= orange`,
-        imports: [
-          './options/relative-import.styl',
-          path.join(__dirname, 'options/absolute-import.styl'),
-        ],
+      preprocessorOptions: {
+        scss: {
+          additionalData: `$injectedColor: orange;`,
+          importer: [
+            function (url) {
+              return url === 'virtual-dep' ? { contents: '' } : null
+            },
+            function (url) {
+              return url.endsWith('.wxss') ? { contents: '' } : null
+            },
+          ],
+        },
+        styl: {
+          additionalData: `$injectedColor ?= orange`,
+          imports: [
+            './options/relative-import.styl',
+            path.join(__dirname, 'options/absolute-import.styl'),
+          ],
+        },
       },
     },
-  },
-}
+  })
+)
diff --git a/playground/define/vite.config.js b/playground/define/vite.config.js
index 41cb419d03b38f..c88ecdf27aa5ba 100644
--- a/playground/define/vite.config.js
+++ b/playground/define/vite.config.js
@@ -1,25 +1,30 @@
-module.exports = {
-  define: {
-    __EXP__: 'false',
-    __STRING__: '"hello"',
-    __NUMBER__: 123,
-    __BOOLEAN__: true,
-    __OBJ__: {
-      foo: 1,
-      bar: {
-        baz: 2,
-      },
-      process: {
-        env: {
-          SOMEVAR: '"PROCESS MAY BE PROPERTY"',
+// @ts-check
+import { defineConfig } from 'vite'
+
+export default /** @type {import('vite').UserConfig} */ (
+  defineConfig({
+    define: {
+      __EXP__: 'false',
+      __STRING__: '"hello"',
+      __NUMBER__: 123,
+      __BOOLEAN__: true,
+      __OBJ__: {
+        foo: 1,
+        bar: {
+          baz: 2,
+        },
+        process: {
+          env: {
+            SOMEVAR: '"PROCESS MAY BE PROPERTY"',
+          },
         },
       },
+      'process.env.NODE_ENV': '"dev"',
+      'process.env.SOMEVAR': '"SOMEVAR"',
+      $DOLLAR: 456,
+      ÖUNICODE_LETTERɵ: 789,
+      __VAR_NAME__: false,
+      __STRINGIFIED_OBJ__: JSON.stringify({ foo: true }),
     },
-    'process.env.NODE_ENV': '"dev"',
-    'process.env.SOMEVAR': '"SOMEVAR"',
-    $DOLLAR: 456,
-    ÖUNICODE_LETTERɵ: 789,
-    __VAR_NAME__: false,
-    __STRINGIFIED_OBJ__: JSON.stringify({ foo: true }),
-  },
-}
+  })
+)
diff --git a/playground/dynamic-import/vite.config.js b/playground/dynamic-import/vite.config.js
index f9f231a1a335cb..0db051956bd13a 100644
--- a/playground/dynamic-import/vite.config.js
+++ b/playground/dynamic-import/vite.config.js
@@ -1,8 +1,9 @@
-const fs = require('node:fs')
-const path = require('node:path')
-const vite = require('vite')
+// @ts-check
+import fs from 'node:fs'
+import path from 'node:path'
+import vite from 'vite'
 
-module.exports = vite.defineConfig({
+export default vite.defineConfig({
   plugins: [
     {
       name: 'copy',
diff --git a/playground/env-nested/vite.config.js b/playground/env-nested/vite.config.js
index 8f85449e41e4de..e9c9445a576974 100644
--- a/playground/env-nested/vite.config.js
+++ b/playground/env-nested/vite.config.js
@@ -1,5 +1,6 @@
-const { defineConfig } = require('vite')
+// @ts-check
+import { defineConfig } from 'vite'
 
-module.exports = defineConfig({
+export default defineConfig({
   envDir: './envs',
 })
diff --git a/playground/env/vite.config.js b/playground/env/vite.config.js
index 3b2d5e3e7674ab..3c1fa9783514f7 100644
--- a/playground/env/vite.config.js
+++ b/playground/env/vite.config.js
@@ -1,8 +1,9 @@
-const { defineConfig } = require('vite')
+// @ts-check
+import { defineConfig } from 'vite'
 
 process.env.EXPAND = 'expand'
 
-module.exports = defineConfig({
+export default defineConfig({
   base: '/env/',
   envPrefix: ['VITE_', 'CUSTOM_PREFIX_'],
   build: {
diff --git a/playground/extensions/vite.config.js b/playground/extensions/vite.config.js
index 4ed3195b219bff..e19dff64c9a8b0 100644
--- a/playground/extensions/vite.config.js
+++ b/playground/extensions/vite.config.js
@@ -1,6 +1,9 @@
-module.exports = {
+// @ts-check
+import { defineConfig } from 'vite'
+
+export default defineConfig({
   resolve: {
     alias: [{ find: 'vue', replacement: 'vue/dist/vue.esm-bundler.js' }],
     extensions: ['.js'],
   },
-}
+})
diff --git a/playground/external/vite.config.js b/playground/external/vite.config.js
index 14259ecde860b0..c8c8f08425c99c 100644
--- a/playground/external/vite.config.js
+++ b/playground/external/vite.config.js
@@ -1,3 +1,4 @@
+// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/fs-serve/root/vite.config.js b/playground/fs-serve/root/vite.config.js
index ca7fefd0108870..33da5fc50e3585 100644
--- a/playground/fs-serve/root/vite.config.js
+++ b/playground/fs-serve/root/vite.config.js
@@ -1,9 +1,8 @@
-const path = require('node:path')
+// @ts-check
+import path from 'node:path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   build: {
     rollupOptions: {
       input: {
@@ -31,4 +30,4 @@ module.exports = {
   define: {
     ROOT: JSON.stringify(path.dirname(__dirname).replace(/\\/g, '/')),
   },
-}
+})
diff --git a/playground/glob-import/vite.config.ts b/playground/glob-import/vite.config.ts
index 87a057ba6112ad..f654d4c76f80fc 100644
--- a/playground/glob-import/vite.config.ts
+++ b/playground/glob-import/vite.config.ts
@@ -1,3 +1,4 @@
+// @ts-check
 import fs from 'node:fs'
 import path from 'node:path'
 import { defineConfig } from 'vite'
diff --git a/playground/hmr/vite.config.ts b/playground/hmr/vite.config.ts
index b771693a5aab0f..ef5219c9aa21b0 100644
--- a/playground/hmr/vite.config.ts
+++ b/playground/hmr/vite.config.ts
@@ -1,3 +1,4 @@
+// @ts-check
 import { defineConfig } from 'vite'
 import type { Plugin } from 'vite'
 
diff --git a/playground/html/vite.config.js b/playground/html/vite.config.js
index f7eb421975ee00..d50c72cb9a499d 100644
--- a/playground/html/vite.config.js
+++ b/playground/html/vite.config.js
@@ -1,9 +1,8 @@
-const { resolve } = require('node:path')
+// @ts-check
+import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   base: './',
   build: {
     rollupOptions: {
@@ -189,4 +188,4 @@ ${
       },
     },
   ],
-}
+})
diff --git a/playground/js-sourcemap/vite.config.js b/playground/js-sourcemap/vite.config.js
index 6733986f9b1110..18b0b16b597f6f 100644
--- a/playground/js-sourcemap/vite.config.js
+++ b/playground/js-sourcemap/vite.config.js
@@ -1,8 +1,8 @@
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+// @ts-check
+import { defineConfig } from 'vite'
+
+export default defineConfig({
   build: {
     sourcemap: true,
   },
-}
+})
diff --git a/playground/legacy/vite.config-custom-filename.js b/playground/legacy/vite.config-custom-filename.js
index 8c9dcda38fc3d0..82ba86d9d460b5 100644
--- a/playground/legacy/vite.config-custom-filename.js
+++ b/playground/legacy/vite.config-custom-filename.js
@@ -1,6 +1,8 @@
-const legacy = require('@vitejs/plugin-legacy').default
+// @ts-check
+import { defineConfig } from 'vite'
+import legacy from '@vitejs/plugin-legacy'
 
-module.exports = {
+export default defineConfig({
   plugins: [legacy({ modernPolyfills: true })],
   build: {
     manifest: true,
@@ -12,4 +14,4 @@ module.exports = {
       },
     },
   },
-}
+})
diff --git a/playground/legacy/vite.config-multiple-output.js b/playground/legacy/vite.config-multiple-output.js
index 63032be9f66af5..bcf6147b2fd3f7 100644
--- a/playground/legacy/vite.config-multiple-output.js
+++ b/playground/legacy/vite.config-multiple-output.js
@@ -1,5 +1,6 @@
-import legacy from '@vitejs/plugin-legacy'
+// @ts-check
 import { defineConfig } from 'vite'
+import legacy from '@vitejs/plugin-legacy'
 
 export default defineConfig({
   plugins: [legacy({ modernPolyfills: true })],
diff --git a/playground/legacy/vite.config.js b/playground/legacy/vite.config.js
index 54de28b31949de..ec5165fd0d55ac 100644
--- a/playground/legacy/vite.config.js
+++ b/playground/legacy/vite.config.js
@@ -1,8 +1,10 @@
-const fs = require('node:fs')
-const path = require('node:path')
-const legacy = require('@vitejs/plugin-legacy').default
+// @ts-check
+import fs from 'node:fs'
+import path from 'node:path'
+import legacy from '@vitejs/plugin-legacy'
+import { defineConfig } from 'vite'
 
-module.exports = {
+export default defineConfig({
   base: './',
   plugins: [
     legacy({
@@ -41,4 +43,4 @@ module.exports = {
       .replace(/<script nomodule/g, '<script')
     fs.writeFileSync(indexPath, index)
   },
-}
+})
diff --git a/playground/lib/vite.config.js b/playground/lib/vite.config.js
index ec46c6c5a12249..e68010419df0c4 100644
--- a/playground/lib/vite.config.js
+++ b/playground/lib/vite.config.js
@@ -1,42 +1,43 @@
-const fs = require('node:fs')
-const path = require('node:path')
+// @ts-check
+import fs from 'node:fs'
+import path from 'node:path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
-  esbuild: {
-    supported: {
-      // Force esbuild inject helpers to test regex
-      'object-rest-spread': false,
-    },
-  },
-  build: {
-    rollupOptions: {
-      output: {
-        banner: `/*!\nMayLib\n*/`,
+export default /** @type {import('vite').UserConfig} */ (
+  defineConfig({
+    esbuild: {
+      supported: {
+        // Force esbuild inject helpers to test regex
+        'object-rest-spread': false,
       },
     },
-    lib: {
-      entry: path.resolve(__dirname, 'src/main.js'),
-      name: 'MyLib',
-      formats: ['es', 'umd', 'iife'],
-      fileName: 'my-lib-custom-filename',
-    },
-  },
-  plugins: [
-    {
-      name: 'emit-index',
-      generateBundle() {
-        this.emitFile({
-          type: 'asset',
-          fileName: 'index.html',
-          source: fs.readFileSync(
-            path.resolve(__dirname, 'index.dist.html'),
-            'utf-8',
-          ),
-        })
+    build: {
+      rollupOptions: {
+        output: {
+          banner: `/*!\nMayLib\n*/`,
+        },
+      },
+      lib: {
+        entry: path.resolve(__dirname, 'src/main.js'),
+        name: 'MyLib',
+        formats: ['es', 'umd', 'iife'],
+        fileName: 'my-lib-custom-filename',
       },
     },
-  ],
-}
+    plugins: [
+      {
+        name: 'emit-index',
+        generateBundle() {
+          this.emitFile({
+            type: 'asset',
+            fileName: 'index.html',
+            source: fs.readFileSync(
+              path.resolve(__dirname, 'index.dist.html'),
+              'utf-8',
+            ),
+          })
+        },
+      },
+    ],
+  })
+)
diff --git a/playground/lib/vite.dyimport.config.js b/playground/lib/vite.dyimport.config.js
index a808475f386980..04fe9956bcc0bf 100644
--- a/playground/lib/vite.dyimport.config.js
+++ b/playground/lib/vite.dyimport.config.js
@@ -1,10 +1,8 @@
-const fs = require('node:fs')
-const path = require('node:path')
+// @ts-check
+import path from 'node:path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   build: {
     lib: {
       entry: path.resolve(__dirname, 'src/main2.js'),
@@ -14,4 +12,4 @@ module.exports = {
     },
     outDir: 'dist/lib',
   },
-}
+})
diff --git a/playground/lib/vite.nominify.config.js b/playground/lib/vite.nominify.config.js
index 9c2eb7f1511611..ef9925a46dedbb 100644
--- a/playground/lib/vite.nominify.config.js
+++ b/playground/lib/vite.nominify.config.js
@@ -1,6 +1,8 @@
-const baseConfig = require('./vite.config')
+// @ts-check
+import { defineConfig } from 'vite'
+import baseConfig from './vite.config'
 
-module.exports = {
+export default defineConfig({
   ...baseConfig,
   build: {
     ...baseConfig.build,
@@ -8,4 +10,4 @@ module.exports = {
     outDir: 'dist/nominify',
   },
   plugins: [],
-}
+})
diff --git a/playground/minify/vite.config.js b/playground/minify/vite.config.js
index 0f9accb248290a..87c151a69603cf 100644
--- a/playground/minify/vite.config.js
+++ b/playground/minify/vite.config.js
@@ -1,3 +1,4 @@
+// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/multiple-entrypoints/vite.config.js b/playground/multiple-entrypoints/vite.config.js
index f0e2ea0ea12779..e54fa53f087422 100644
--- a/playground/multiple-entrypoints/vite.config.js
+++ b/playground/multiple-entrypoints/vite.config.js
@@ -1,7 +1,8 @@
-const { resolve } = require('node:path')
-const fs = require('node:fs')
+// @ts-check
+import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
 
-module.exports = {
+export default defineConfig({
   build: {
     outDir: './dist',
     emptyOutDir: true,
@@ -37,4 +38,4 @@ module.exports = {
       },
     },
   },
-}
+})
diff --git a/playground/nested-deps/vite.config.js b/playground/nested-deps/vite.config.js
index a3ddc3d19404a9..25bcfeb05d7e2e 100644
--- a/playground/nested-deps/vite.config.js
+++ b/playground/nested-deps/vite.config.js
@@ -1,7 +1,7 @@
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+// @ts-check
+import { defineConfig } from 'vite'
+
+export default defineConfig({
   optimizeDeps: {
     include: [
       '@vitejs/test-package-a',
@@ -13,4 +13,4 @@ module.exports = {
     ],
     exclude: ['@vitejs/test-package-d', '@vitejs/test-package-e-excluded'],
   },
-}
+})
diff --git a/playground/object-hooks/vite.config.ts b/playground/object-hooks/vite.config.ts
index 1024ce7c0be140..1f4c737f56832a 100644
--- a/playground/object-hooks/vite.config.ts
+++ b/playground/object-hooks/vite.config.ts
@@ -1,3 +1,4 @@
+// @ts-check
 /* eslint-disable import/no-nodejs-modules */
 import assert from 'assert'
 import { defineConfig } from 'vite'
diff --git a/playground/optimize-deps/vite.config.js b/playground/optimize-deps/vite.config.js
index 24278a449012fc..abb0a61b23a8b2 100644
--- a/playground/optimize-deps/vite.config.js
+++ b/playground/optimize-deps/vite.config.js
@@ -1,12 +1,11 @@
-const fs = require('node:fs')
+// @ts-check
+import fs from 'node:fs'
+import { defineConfig } from 'vite'
 
 // Overriding the NODE_ENV set by vitest
 process.env.NODE_ENV = ''
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   resolve: {
     dedupe: ['react'],
     alias: {
@@ -95,7 +94,7 @@ module.exports = {
       },
     },
   ],
-}
+})
 
 // Handles Test.vue in dep-linked-include package
 function testVue() {
diff --git a/playground/preload/__tests__/preload-disabled/vite.config.js b/playground/preload/__tests__/preload-disabled/vite.config.js
index cfd104f2627810..7bb4acfc20ff02 100644
--- a/playground/preload/__tests__/preload-disabled/vite.config.js
+++ b/playground/preload/__tests__/preload-disabled/vite.config.js
@@ -1 +1,2 @@
-module.exports = require('../../vite.config-preload-disabled')
+// @ts-check
+export { default } from '../../vite.config-preload-disabled'
diff --git a/playground/preload/__tests__/resolve-deps/vite.config.js b/playground/preload/__tests__/resolve-deps/vite.config.js
index 9473b6224a7ce5..4b35f829c07e4e 100644
--- a/playground/preload/__tests__/resolve-deps/vite.config.js
+++ b/playground/preload/__tests__/resolve-deps/vite.config.js
@@ -1 +1,2 @@
-module.exports = require('../../vite.config-resolve-deps')
+// @ts-check
+export { default } from '../../vite.config-resolve-deps'
diff --git a/playground/preload/vite.config-preload-disabled.ts b/playground/preload/vite.config-preload-disabled.ts
index 4f1c6674165c2c..88ebef1ab057c8 100644
--- a/playground/preload/vite.config-preload-disabled.ts
+++ b/playground/preload/vite.config-preload-disabled.ts
@@ -1,3 +1,4 @@
+//@ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/preload/vite.config-resolve-deps.ts b/playground/preload/vite.config-resolve-deps.ts
index 6a60567be82d47..807983d3b67923 100644
--- a/playground/preload/vite.config-resolve-deps.ts
+++ b/playground/preload/vite.config-resolve-deps.ts
@@ -1,3 +1,4 @@
+//@ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/preload/vite.config.ts b/playground/preload/vite.config.ts
index 6ec8716860526a..4b34af99d3a677 100644
--- a/playground/preload/vite.config.ts
+++ b/playground/preload/vite.config.ts
@@ -1,3 +1,4 @@
+// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/resolve-config/root/vite.config.ts b/playground/resolve-config/root/vite.config.ts
index 016564355261d8..23518bf7924476 100644
--- a/playground/resolve-config/root/vite.config.ts
+++ b/playground/resolve-config/root/vite.config.ts
@@ -1,5 +1,8 @@
+// @ts-check
+import { defineConfig } from 'vite'
+
 const __CONFIG_LOADED__: boolean = true
-export default {
+export default defineConfig({
   define: { __CONFIG_LOADED__ },
   logLevel: 'silent',
   build: {
@@ -7,4 +10,4 @@ export default {
     sourcemap: false,
     lib: { entry: 'index.js', fileName: 'index', formats: ['es'] },
   },
-}
+})
diff --git a/playground/resolve/vite.config.js b/playground/resolve/vite.config.js
index 7d8646c904e5f6..4f28f288c1097b 100644
--- a/playground/resolve/vite.config.js
+++ b/playground/resolve/vite.config.js
@@ -1,5 +1,7 @@
-const path = require('node:path')
-const { normalizePath } = require('vite')
+// @ts-check
+import path from 'node:path'
+import { defineConfig, normalizePath } from 'vite'
+import { a } from './config-dep'
 
 const virtualFile = '@virtual-file'
 const virtualId = '\0' + virtualFile
@@ -8,7 +10,6 @@ const virtualFile9036 = 'virtual:file-9036.js'
 const virtualId9036 = '\0' + virtualFile9036
 
 const customVirtualFile = '@custom-virtual-file'
-const { a } = require('./config-dep')
 
 const generatedContentVirtualFile = '@generated-content-virtual-file'
 const generatedContentImports = [
@@ -24,7 +25,7 @@ const generatedContentImports = [
   },
 ]
 
-module.exports = {
+export default defineConfig({
   resolve: {
     extensions: ['.mjs', '.js', '.es', '.ts'],
     mainFields: ['custom', 'module'],
@@ -103,4 +104,4 @@ module.exports = {
   optimizeDeps: {
     include: ['@vitejs/test-require-pkg-with-module-field'],
   },
-}
+})
diff --git a/playground/ssr-noexternal/vite.config.js b/playground/ssr-noexternal/vite.config.js
index 4048c959bbbcaf..b670ee278e4de8 100644
--- a/playground/ssr-noexternal/vite.config.js
+++ b/playground/ssr-noexternal/vite.config.js
@@ -1,4 +1,4 @@
-import module from 'node:module'
+// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/ssr-resolve/vite.config.js b/playground/ssr-resolve/vite.config.js
index 206485d1088b8c..6dcb71a5cfb840 100644
--- a/playground/ssr-resolve/vite.config.js
+++ b/playground/ssr-resolve/vite.config.js
@@ -1,3 +1,4 @@
+// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/ssr-webworker/vite.config.js b/playground/ssr-webworker/vite.config.js
index af2b208bd4f3c2..bb2ac0549080ad 100644
--- a/playground/ssr-webworker/vite.config.js
+++ b/playground/ssr-webworker/vite.config.js
@@ -1,3 +1,4 @@
+// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
@@ -13,6 +14,7 @@ export default defineConfig({
   },
   plugins: [
     {
+      name: '@vitejs/test-ssr-webworker/no-external',
       config() {
         return {
           ssr: {
@@ -22,6 +24,7 @@ export default defineConfig({
       },
     },
     {
+      name: '@vitejs/test-ssr-webworker/no-external-array',
       config() {
         return {
           ssr: {
diff --git a/playground/tailwind-sourcemap/vite.config.js b/playground/tailwind-sourcemap/vite.config.js
index 36815996e19f3d..22504a50f02c53 100644
--- a/playground/tailwind-sourcemap/vite.config.js
+++ b/playground/tailwind-sourcemap/vite.config.js
@@ -1,11 +1,11 @@
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+// @ts-check
+import { defineConfig } from 'vite'
+
+export default defineConfig({
   css: {
     devSourcemap: true,
   },
   build: {
     sourcemap: true,
   },
-}
+})
diff --git a/playground/tailwind/vite.config.ts b/playground/tailwind/vite.config.ts
index d3680f6c39c3e3..9be903a09a8b9e 100644
--- a/playground/tailwind/vite.config.ts
+++ b/playground/tailwind/vite.config.ts
@@ -1,3 +1,4 @@
+// @ts-check
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
diff --git a/playground/transform-plugin/vite.config.js b/playground/transform-plugin/vite.config.js
index b451ca77d6a398..76b69bffa9f3da 100644
--- a/playground/transform-plugin/vite.config.js
+++ b/playground/transform-plugin/vite.config.js
@@ -1,5 +1,6 @@
-const { resolve } = require('node:path')
-const { normalizePath } = require('vite')
+// @ts-check
+import { resolve } from 'node:path'
+import { defineConfig, normalizePath } from 'vite'
 
 let transformCount = 1
 
@@ -20,6 +21,6 @@ const transformPlugin = {
   },
 }
 
-module.exports = {
+export default defineConfig({
   plugins: [transformPlugin],
-}
+})
diff --git a/playground/wasm/vite.config.ts b/playground/wasm/vite.config.ts
index 8c07ac5fd8bd34..36a3a761397d8a 100644
--- a/playground/wasm/vite.config.ts
+++ b/playground/wasm/vite.config.ts
@@ -1,3 +1,4 @@
+// @ts-check
 import { defineConfig } from 'vite'
 export default defineConfig({
   build: {
diff --git a/playground/worker/__tests__/es/vite.config.js b/playground/worker/__tests__/es/vite.config.js
index 931d457792c4f9..d15c179994cbc0 100644
--- a/playground/worker/__tests__/es/vite.config.js
+++ b/playground/worker/__tests__/es/vite.config.js
@@ -1 +1,2 @@
-module.exports = require('../../vite.config-es')
+// @ts-check
+export { default } from '../../vite.config-es'
diff --git a/playground/worker/__tests__/iife/vite.config.js b/playground/worker/__tests__/iife/vite.config.js
index 47821e59505e02..a1a5db2cbb857a 100644
--- a/playground/worker/__tests__/iife/vite.config.js
+++ b/playground/worker/__tests__/iife/vite.config.js
@@ -1 +1,2 @@
-module.exports = require('../../vite.config-iife')
+// @ts-check
+export { default } from '../../vite.config-iife'
diff --git a/playground/worker/__tests__/relative-base/vite.config.js b/playground/worker/__tests__/relative-base/vite.config.js
index 6837b8ef975a3d..80cc0fd001524f 100644
--- a/playground/worker/__tests__/relative-base/vite.config.js
+++ b/playground/worker/__tests__/relative-base/vite.config.js
@@ -1 +1,2 @@
-module.exports = require('../../vite.config-relative-base')
+// @ts-check
+export { default } from '../../vite.config-relative-base'
diff --git a/playground/worker/__tests__/sourcemap-hidden/vite.config.js b/playground/worker/__tests__/sourcemap-hidden/vite.config.js
index d51907577e9deb..1d0c931b33beee 100644
--- a/playground/worker/__tests__/sourcemap-hidden/vite.config.js
+++ b/playground/worker/__tests__/sourcemap-hidden/vite.config.js
@@ -1 +1,3 @@
-module.exports = require('../../vite.config-sourcemap')('hidden')
+// @ts-check
+import sourcemap from '../../vite.config-sourcemap'
+export default sourcemap('hidden')
diff --git a/playground/worker/__tests__/sourcemap-inline/vite.config.js b/playground/worker/__tests__/sourcemap-inline/vite.config.js
index abe37cd56accd6..4e7ced929b2425 100644
--- a/playground/worker/__tests__/sourcemap-inline/vite.config.js
+++ b/playground/worker/__tests__/sourcemap-inline/vite.config.js
@@ -1 +1,3 @@
-module.exports = require('../../vite.config-sourcemap')('inline')
+// @ts-check
+import sourcemap from '../../vite.config-sourcemap'
+export default sourcemap('inline')
diff --git a/playground/worker/__tests__/sourcemap/vite.config.js b/playground/worker/__tests__/sourcemap/vite.config.js
index 7d3aeeeb774e18..16f82f42b5a8b5 100644
--- a/playground/worker/__tests__/sourcemap/vite.config.js
+++ b/playground/worker/__tests__/sourcemap/vite.config.js
@@ -1 +1,3 @@
-module.exports = require('../../vite.config-sourcemap')(true)
+// @ts-check
+import sourcemap from '../../vite.config-sourcemap'
+export default sourcemap(true)
diff --git a/playground/worker/vite.config-es.js b/playground/worker/vite.config-es.js
index 57ba895740ef4d..45f660a4af401b 100644
--- a/playground/worker/vite.config-es.js
+++ b/playground/worker/vite.config-es.js
@@ -1,9 +1,9 @@
-const vite = require('vite')
-const workerPluginTestPlugin = require('./worker-plugin-test-plugin')
+// @ts-check
+import vite from 'vite'
+import workerPluginTestPlugin from './worker-plugin-test-plugin'
 
-module.exports = vite.defineConfig({
+export default vite.defineConfig({
   base: '/es/',
-  enforce: 'pre',
   resolve: {
     alias: {
       '@': __dirname,
diff --git a/playground/worker/vite.config-iife.js b/playground/worker/vite.config-iife.js
index 9ae5e68541894f..3020646c67ed81 100644
--- a/playground/worker/vite.config-iife.js
+++ b/playground/worker/vite.config-iife.js
@@ -1,7 +1,8 @@
-const vite = require('vite')
-const workerPluginTestPlugin = require('./worker-plugin-test-plugin')
+// @ts-check
+import vite from 'vite'
+import workerPluginTestPlugin from './worker-plugin-test-plugin'
 
-module.exports = vite.defineConfig({
+export default vite.defineConfig({
   base: '/iife/',
   resolve: {
     alias: {
diff --git a/playground/worker/vite.config-relative-base.js b/playground/worker/vite.config-relative-base.js
index 3fbaedf0b02302..221d786f344324 100644
--- a/playground/worker/vite.config-relative-base.js
+++ b/playground/worker/vite.config-relative-base.js
@@ -1,8 +1,8 @@
-const path = require('node:path')
-const vite = require('vite')
-const workerPluginTestPlugin = require('./worker-plugin-test-plugin')
+// @ts-check
+import vite from 'vite'
+import workerPluginTestPlugin from './worker-plugin-test-plugin'
 
-module.exports = vite.defineConfig({
+export default vite.defineConfig({
   base: './',
   resolve: {
     alias: {
@@ -30,6 +30,7 @@ module.exports = vite.defineConfig({
       },
     },
   },
+  // @ts-expect-error refer to playground/vitestSetup.ts
   testConfig: {
     baseRoute: '/relative-base/',
   },
diff --git a/playground/worker/vite.config-sourcemap.js b/playground/worker/vite.config-sourcemap.js
index 8c44d0027a662c..a2a60f4e234f4f 100644
--- a/playground/worker/vite.config-sourcemap.js
+++ b/playground/worker/vite.config-sourcemap.js
@@ -1,12 +1,13 @@
-const vite = require('vite')
-const workerPluginTestPlugin = require('./worker-plugin-test-plugin')
+// @ts-check
+import vite from 'vite'
+import workerPluginTestPlugin from './worker-plugin-test-plugin'
 
-module.exports = vite.defineConfig((sourcemap) => {
-  sourcemap = process.env.WORKER_MODE || sourcemap
-  if (sourcemap === 'sourcemap') {
-    sourcemap = true
-  }
-  return {
+/** @param {boolean | 'inline' | 'hidden'} sourcemap */
+export default (sourcemap) => {
+  sourcemap =
+    /** @type {'inline' | 'hidden'} */ (process.env.WORKER_MODE) || sourcemap
+
+  return vite.defineConfig({
     base: `/iife-${
       typeof sourcemap === 'boolean' ? 'sourcemap' : 'sourcemap-' + sourcemap
     }/`,
@@ -40,5 +41,5 @@ module.exports = vite.defineConfig((sourcemap) => {
       },
     },
     plugins: [workerPluginTestPlugin()],
-  }
-})
+  })
+}

From ab1d5c6bcc920855a6466095933ab510b2f6ae08 Mon Sep 17 00:00:00 2001
From: fi3ework <fi3ework@gmail.com>
Date: Sun, 26 Feb 2023 22:29:16 +0800
Subject: [PATCH 2/6] chore: prefer use tsconfig

---
 playground/alias/vite.config.js                       |  1 -
 playground/assets-sanitize/vite.config.js             |  1 -
 .../assets/__tests__/relative-base/vite.config.js     |  1 -
 .../assets/__tests__/runtime-base/vite.config.js      |  1 -
 playground/assets/vite.config-relative-base.js        |  1 -
 playground/assets/vite.config-runtime-base.js         |  1 -
 playground/assets/vite.config.js                      |  1 -
 playground/backend-integration/vite.config.js         |  1 -
 playground/cli-module/vite.config.js                  |  1 -
 playground/cli/vite.config.js                         |  1 -
 playground/config/packages/entry/vite.config.ts       |  1 -
 playground/css-codesplit-cjs/vite.config.js           |  1 -
 playground/css-codesplit/vite.config.js               |  1 -
 playground/css-sourcemap/vite.config.js               |  1 -
 playground/css/vite.config-relative-base.js           |  1 -
 playground/css/vite.config.js                         |  1 -
 playground/define/vite.config.js                      |  1 -
 playground/dynamic-import/vite.config.js              |  1 -
 playground/env-nested/vite.config.js                  |  1 -
 playground/env/vite.config.js                         |  1 -
 playground/extensions/vite.config.js                  |  1 -
 playground/external/vite.config.js                    |  1 -
 playground/fs-serve/root/vite.config.js               |  1 -
 playground/glob-import/vite.config.ts                 |  1 -
 playground/hmr/optional-chaining/parent.js            |  2 --
 playground/hmr/vite.config.ts                         |  1 -
 playground/html/vite.config.js                        |  1 -
 playground/js-sourcemap/vite.config.js                |  1 -
 playground/legacy/vite.config-custom-filename.js      |  1 -
 playground/legacy/vite.config-multiple-output.js      |  1 -
 playground/legacy/vite.config.js                      |  1 -
 playground/lib/vite.config.js                         |  1 -
 playground/lib/vite.dyimport.config.js                |  1 -
 playground/lib/vite.nominify.config.js                |  1 -
 playground/minify/vite.config.js                      |  1 -
 playground/multiple-entrypoints/vite.config.js        |  1 -
 playground/nested-deps/vite.config.js                 |  1 -
 playground/object-hooks/vite.config.ts                |  1 -
 playground/optimize-deps/vite.config.js               |  1 -
 .../preload/__tests__/preload-disabled/vite.config.js |  1 -
 .../preload/__tests__/resolve-deps/vite.config.js     |  1 -
 playground/preload/vite.config.ts                     |  1 -
 playground/resolve-config/root/vite.config.ts         |  1 -
 playground/resolve/vite.config.js                     |  1 -
 playground/ssr-noexternal/vite.config.js              |  1 -
 playground/ssr-resolve/vite.config.js                 |  1 -
 playground/ssr-webworker/vite.config.js               |  1 -
 playground/tailwind-sourcemap/vite.config.js          |  1 -
 playground/tailwind/vite.config.ts                    |  1 -
 playground/transform-plugin/vite.config.js            |  1 -
 playground/tsconfig.json                              |  3 ++-
 playground/wasm/vite.config.ts                        |  1 -
 playground/worker/__tests__/es/vite.config.js         |  1 -
 playground/worker/__tests__/iife/vite.config.js       |  1 -
 .../worker/__tests__/relative-base/vite.config.js     |  1 -
 .../worker/__tests__/sourcemap-hidden/vite.config.js  |  1 -
 .../worker/__tests__/sourcemap-inline/vite.config.js  |  1 -
 playground/worker/__tests__/sourcemap/vite.config.js  |  1 -
 playground/worker/vite.config-es.js                   |  1 -
 playground/worker/vite.config-iife.js                 |  1 -
 playground/worker/vite.config-relative-base.js        |  1 -
 playground/worker/vite.config-sourcemap.js            | 11 ++++++++---
 62 files changed, 10 insertions(+), 65 deletions(-)

diff --git a/playground/alias/vite.config.js b/playground/alias/vite.config.js
index a0423eb75e4ae7..c2b2e7e2e923e0 100644
--- a/playground/alias/vite.config.js
+++ b/playground/alias/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import path from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/assets-sanitize/vite.config.js b/playground/assets-sanitize/vite.config.js
index 331ae14e189337..7eeb717a97b6b5 100644
--- a/playground/assets-sanitize/vite.config.js
+++ b/playground/assets-sanitize/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/assets/__tests__/relative-base/vite.config.js b/playground/assets/__tests__/relative-base/vite.config.js
index 80cc0fd001524f..1853ae44ffc060 100644
--- a/playground/assets/__tests__/relative-base/vite.config.js
+++ b/playground/assets/__tests__/relative-base/vite.config.js
@@ -1,2 +1 @@
-// @ts-check
 export { default } from '../../vite.config-relative-base'
diff --git a/playground/assets/__tests__/runtime-base/vite.config.js b/playground/assets/__tests__/runtime-base/vite.config.js
index 8fef6220d2f94d..d8a751b65352b3 100644
--- a/playground/assets/__tests__/runtime-base/vite.config.js
+++ b/playground/assets/__tests__/runtime-base/vite.config.js
@@ -1,2 +1 @@
-// @ts-check
 export { default } from '../../vite.config-runtime-base'
diff --git a/playground/assets/vite.config-relative-base.js b/playground/assets/vite.config-relative-base.js
index 0d7c1bc213d735..bf1963e173ad9b 100644
--- a/playground/assets/vite.config-relative-base.js
+++ b/playground/assets/vite.config-relative-base.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import baseConfig from './vite.config.js'
 
diff --git a/playground/assets/vite.config-runtime-base.js b/playground/assets/vite.config-runtime-base.js
index 4f823167290311..802807f73c5544 100644
--- a/playground/assets/vite.config-runtime-base.js
+++ b/playground/assets/vite.config-runtime-base.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import baseConfig from './vite.config.js'
 
diff --git a/playground/assets/vite.config.js b/playground/assets/vite.config.js
index 8638fb7340973d..5c6e4b96f6bacf 100644
--- a/playground/assets/vite.config.js
+++ b/playground/assets/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import path from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/backend-integration/vite.config.js b/playground/backend-integration/vite.config.js
index b8f16ae18414a6..b9e2c9f35c6fee 100644
--- a/playground/backend-integration/vite.config.js
+++ b/playground/backend-integration/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import path from 'node:path'
 import glob from 'fast-glob'
 import { defineConfig, normalizePath } from 'vite'
diff --git a/playground/cli-module/vite.config.js b/playground/cli-module/vite.config.js
index 1644092b68f0d0..ed7ac01c2d6612 100644
--- a/playground/cli-module/vite.config.js
+++ b/playground/cli-module/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 // eslint-disable-next-line import/no-nodejs-modules
 import { URL } from 'url'
 import { defineConfig } from 'vite'
diff --git a/playground/cli/vite.config.js b/playground/cli/vite.config.js
index 41b38de3658c5d..a5ffac7859b2f1 100644
--- a/playground/cli/vite.config.js
+++ b/playground/cli/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/config/packages/entry/vite.config.ts b/playground/config/packages/entry/vite.config.ts
index 8eb679d713f52d..7a4e9a682ae040 100644
--- a/playground/config/packages/entry/vite.config.ts
+++ b/playground/config/packages/entry/vite.config.ts
@@ -1,4 +1,3 @@
-// @ts-check
 import moduleCondition from '@vite/test-config-plugin-module-condition'
 import { array } from '../siblings/foo'
 
diff --git a/playground/css-codesplit-cjs/vite.config.js b/playground/css-codesplit-cjs/vite.config.js
index 37951d3d7c65b0..d1353babe8336e 100644
--- a/playground/css-codesplit-cjs/vite.config.js
+++ b/playground/css-codesplit-cjs/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { resolve } from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/css-codesplit/vite.config.js b/playground/css-codesplit/vite.config.js
index e4d2965d20bca7..962dbbb103192e 100644
--- a/playground/css-codesplit/vite.config.js
+++ b/playground/css-codesplit/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { resolve } from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/css-sourcemap/vite.config.js b/playground/css-sourcemap/vite.config.js
index 60e74138c13379..f6a51a548a92f7 100644
--- a/playground/css-sourcemap/vite.config.js
+++ b/playground/css-sourcemap/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import MagicString from 'magic-string'
 
diff --git a/playground/css/vite.config-relative-base.js b/playground/css/vite.config-relative-base.js
index 0d7c1bc213d735..bf1963e173ad9b 100644
--- a/playground/css/vite.config-relative-base.js
+++ b/playground/css/vite.config-relative-base.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import baseConfig from './vite.config.js'
 
diff --git a/playground/css/vite.config.js b/playground/css/vite.config.js
index 7561fcecd885ba..6e60d414a3d894 100644
--- a/playground/css/vite.config.js
+++ b/playground/css/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import path from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/define/vite.config.js b/playground/define/vite.config.js
index c88ecdf27aa5ba..6cc9e61259046d 100644
--- a/playground/define/vite.config.js
+++ b/playground/define/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default /** @type {import('vite').UserConfig} */ (
diff --git a/playground/dynamic-import/vite.config.js b/playground/dynamic-import/vite.config.js
index 0db051956bd13a..15aa703d74530a 100644
--- a/playground/dynamic-import/vite.config.js
+++ b/playground/dynamic-import/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import fs from 'node:fs'
 import path from 'node:path'
 import vite from 'vite'
diff --git a/playground/env-nested/vite.config.js b/playground/env-nested/vite.config.js
index e9c9445a576974..dc79ce87dcc405 100644
--- a/playground/env-nested/vite.config.js
+++ b/playground/env-nested/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/env/vite.config.js b/playground/env/vite.config.js
index 3c1fa9783514f7..58b93b9dd47d0c 100644
--- a/playground/env/vite.config.js
+++ b/playground/env/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 process.env.EXPAND = 'expand'
diff --git a/playground/extensions/vite.config.js b/playground/extensions/vite.config.js
index e19dff64c9a8b0..5fdb2c721c7870 100644
--- a/playground/extensions/vite.config.js
+++ b/playground/extensions/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/external/vite.config.js b/playground/external/vite.config.js
index c8c8f08425c99c..14259ecde860b0 100644
--- a/playground/external/vite.config.js
+++ b/playground/external/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/fs-serve/root/vite.config.js b/playground/fs-serve/root/vite.config.js
index 33da5fc50e3585..79d094d4925b8e 100644
--- a/playground/fs-serve/root/vite.config.js
+++ b/playground/fs-serve/root/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import path from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/glob-import/vite.config.ts b/playground/glob-import/vite.config.ts
index f654d4c76f80fc..87a057ba6112ad 100644
--- a/playground/glob-import/vite.config.ts
+++ b/playground/glob-import/vite.config.ts
@@ -1,4 +1,3 @@
-// @ts-check
 import fs from 'node:fs'
 import path from 'node:path'
 import { defineConfig } from 'vite'
diff --git a/playground/hmr/optional-chaining/parent.js b/playground/hmr/optional-chaining/parent.js
index 4afe3ce71c8dc8..5124e000bbcee5 100644
--- a/playground/hmr/optional-chaining/parent.js
+++ b/playground/hmr/optional-chaining/parent.js
@@ -1,5 +1,3 @@
-import { foo } from './child'
-
 import.meta.hot?.accept('./child', ({ foo }) => {
   console.log('(optional-chaining) child update')
   document.querySelector('.optional-chaining').textContent = foo
diff --git a/playground/hmr/vite.config.ts b/playground/hmr/vite.config.ts
index ef5219c9aa21b0..b771693a5aab0f 100644
--- a/playground/hmr/vite.config.ts
+++ b/playground/hmr/vite.config.ts
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import type { Plugin } from 'vite'
 
diff --git a/playground/html/vite.config.js b/playground/html/vite.config.js
index d50c72cb9a499d..095926095b424c 100644
--- a/playground/html/vite.config.js
+++ b/playground/html/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { resolve } from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/js-sourcemap/vite.config.js b/playground/js-sourcemap/vite.config.js
index 18b0b16b597f6f..21a9d6a6cad1ea 100644
--- a/playground/js-sourcemap/vite.config.js
+++ b/playground/js-sourcemap/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/legacy/vite.config-custom-filename.js b/playground/legacy/vite.config-custom-filename.js
index 82ba86d9d460b5..a4d14c8415d8fd 100644
--- a/playground/legacy/vite.config-custom-filename.js
+++ b/playground/legacy/vite.config-custom-filename.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 
diff --git a/playground/legacy/vite.config-multiple-output.js b/playground/legacy/vite.config-multiple-output.js
index bcf6147b2fd3f7..ae4d7d530adc8e 100644
--- a/playground/legacy/vite.config-multiple-output.js
+++ b/playground/legacy/vite.config-multiple-output.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 
diff --git a/playground/legacy/vite.config.js b/playground/legacy/vite.config.js
index ec5165fd0d55ac..3c4ec787809fee 100644
--- a/playground/legacy/vite.config.js
+++ b/playground/legacy/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import fs from 'node:fs'
 import path from 'node:path'
 import legacy from '@vitejs/plugin-legacy'
diff --git a/playground/lib/vite.config.js b/playground/lib/vite.config.js
index e68010419df0c4..4b3694cc9226a1 100644
--- a/playground/lib/vite.config.js
+++ b/playground/lib/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import fs from 'node:fs'
 import path from 'node:path'
 import { defineConfig } from 'vite'
diff --git a/playground/lib/vite.dyimport.config.js b/playground/lib/vite.dyimport.config.js
index 04fe9956bcc0bf..d00c7402421ea1 100644
--- a/playground/lib/vite.dyimport.config.js
+++ b/playground/lib/vite.dyimport.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import path from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/lib/vite.nominify.config.js b/playground/lib/vite.nominify.config.js
index ef9925a46dedbb..b1d530970e2433 100644
--- a/playground/lib/vite.nominify.config.js
+++ b/playground/lib/vite.nominify.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import baseConfig from './vite.config'
 
diff --git a/playground/minify/vite.config.js b/playground/minify/vite.config.js
index 87c151a69603cf..0f9accb248290a 100644
--- a/playground/minify/vite.config.js
+++ b/playground/minify/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/multiple-entrypoints/vite.config.js b/playground/multiple-entrypoints/vite.config.js
index e54fa53f087422..3202cebc0ce4aa 100644
--- a/playground/multiple-entrypoints/vite.config.js
+++ b/playground/multiple-entrypoints/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { resolve } from 'node:path'
 import { defineConfig } from 'vite'
 
diff --git a/playground/nested-deps/vite.config.js b/playground/nested-deps/vite.config.js
index 25bcfeb05d7e2e..c09b02d6e96838 100644
--- a/playground/nested-deps/vite.config.js
+++ b/playground/nested-deps/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/object-hooks/vite.config.ts b/playground/object-hooks/vite.config.ts
index 1f4c737f56832a..1024ce7c0be140 100644
--- a/playground/object-hooks/vite.config.ts
+++ b/playground/object-hooks/vite.config.ts
@@ -1,4 +1,3 @@
-// @ts-check
 /* eslint-disable import/no-nodejs-modules */
 import assert from 'assert'
 import { defineConfig } from 'vite'
diff --git a/playground/optimize-deps/vite.config.js b/playground/optimize-deps/vite.config.js
index abb0a61b23a8b2..9dcbd897756170 100644
--- a/playground/optimize-deps/vite.config.js
+++ b/playground/optimize-deps/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import fs from 'node:fs'
 import { defineConfig } from 'vite'
 
diff --git a/playground/preload/__tests__/preload-disabled/vite.config.js b/playground/preload/__tests__/preload-disabled/vite.config.js
index 7bb4acfc20ff02..ec5f79381a0d55 100644
--- a/playground/preload/__tests__/preload-disabled/vite.config.js
+++ b/playground/preload/__tests__/preload-disabled/vite.config.js
@@ -1,2 +1 @@
-// @ts-check
 export { default } from '../../vite.config-preload-disabled'
diff --git a/playground/preload/__tests__/resolve-deps/vite.config.js b/playground/preload/__tests__/resolve-deps/vite.config.js
index 4b35f829c07e4e..66e90e127fee63 100644
--- a/playground/preload/__tests__/resolve-deps/vite.config.js
+++ b/playground/preload/__tests__/resolve-deps/vite.config.js
@@ -1,2 +1 @@
-// @ts-check
 export { default } from '../../vite.config-resolve-deps'
diff --git a/playground/preload/vite.config.ts b/playground/preload/vite.config.ts
index 4b34af99d3a677..6ec8716860526a 100644
--- a/playground/preload/vite.config.ts
+++ b/playground/preload/vite.config.ts
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/resolve-config/root/vite.config.ts b/playground/resolve-config/root/vite.config.ts
index 23518bf7924476..dcba0e9cd5b6cf 100644
--- a/playground/resolve-config/root/vite.config.ts
+++ b/playground/resolve-config/root/vite.config.ts
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 const __CONFIG_LOADED__: boolean = true
diff --git a/playground/resolve/vite.config.js b/playground/resolve/vite.config.js
index 4f28f288c1097b..ce02aa29a2a16c 100644
--- a/playground/resolve/vite.config.js
+++ b/playground/resolve/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import path from 'node:path'
 import { defineConfig, normalizePath } from 'vite'
 import { a } from './config-dep'
diff --git a/playground/ssr-noexternal/vite.config.js b/playground/ssr-noexternal/vite.config.js
index b670ee278e4de8..76da96a7d018ed 100644
--- a/playground/ssr-noexternal/vite.config.js
+++ b/playground/ssr-noexternal/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/ssr-resolve/vite.config.js b/playground/ssr-resolve/vite.config.js
index 6dcb71a5cfb840..206485d1088b8c 100644
--- a/playground/ssr-resolve/vite.config.js
+++ b/playground/ssr-resolve/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/ssr-webworker/vite.config.js b/playground/ssr-webworker/vite.config.js
index bb2ac0549080ad..034cc512606df4 100644
--- a/playground/ssr-webworker/vite.config.js
+++ b/playground/ssr-webworker/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/tailwind-sourcemap/vite.config.js b/playground/tailwind-sourcemap/vite.config.js
index 22504a50f02c53..29cbd5f3153cd5 100644
--- a/playground/tailwind-sourcemap/vite.config.js
+++ b/playground/tailwind-sourcemap/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/tailwind/vite.config.ts b/playground/tailwind/vite.config.ts
index 9be903a09a8b9e..d3680f6c39c3e3 100644
--- a/playground/tailwind/vite.config.ts
+++ b/playground/tailwind/vite.config.ts
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
diff --git a/playground/transform-plugin/vite.config.js b/playground/transform-plugin/vite.config.js
index 76b69bffa9f3da..8161f6350a3058 100644
--- a/playground/transform-plugin/vite.config.js
+++ b/playground/transform-plugin/vite.config.js
@@ -1,4 +1,3 @@
-// @ts-check
 import { resolve } from 'node:path'
 import { defineConfig, normalizePath } from 'vite'
 
diff --git a/playground/tsconfig.json b/playground/tsconfig.json
index 7e125f860d6468..faef2fc5dfa7ed 100644
--- a/playground/tsconfig.json
+++ b/playground/tsconfig.json
@@ -1,7 +1,8 @@
 {
-  "include": ["."],
+  "include": ["**/vite*config*", "**/*.ts"],
   "exclude": ["**/dist/**"],
   "compilerOptions": {
+    "checkJs": true,
     "target": "ES2020",
     "module": "ESNext",
     "outDir": "dist",
diff --git a/playground/wasm/vite.config.ts b/playground/wasm/vite.config.ts
index 36a3a761397d8a..8c07ac5fd8bd34 100644
--- a/playground/wasm/vite.config.ts
+++ b/playground/wasm/vite.config.ts
@@ -1,4 +1,3 @@
-// @ts-check
 import { defineConfig } from 'vite'
 export default defineConfig({
   build: {
diff --git a/playground/worker/__tests__/es/vite.config.js b/playground/worker/__tests__/es/vite.config.js
index d15c179994cbc0..b7f1d7bece6e36 100644
--- a/playground/worker/__tests__/es/vite.config.js
+++ b/playground/worker/__tests__/es/vite.config.js
@@ -1,2 +1 @@
-// @ts-check
 export { default } from '../../vite.config-es'
diff --git a/playground/worker/__tests__/iife/vite.config.js b/playground/worker/__tests__/iife/vite.config.js
index a1a5db2cbb857a..a74c7bd3169c91 100644
--- a/playground/worker/__tests__/iife/vite.config.js
+++ b/playground/worker/__tests__/iife/vite.config.js
@@ -1,2 +1 @@
-// @ts-check
 export { default } from '../../vite.config-iife'
diff --git a/playground/worker/__tests__/relative-base/vite.config.js b/playground/worker/__tests__/relative-base/vite.config.js
index 80cc0fd001524f..1853ae44ffc060 100644
--- a/playground/worker/__tests__/relative-base/vite.config.js
+++ b/playground/worker/__tests__/relative-base/vite.config.js
@@ -1,2 +1 @@
-// @ts-check
 export { default } from '../../vite.config-relative-base'
diff --git a/playground/worker/__tests__/sourcemap-hidden/vite.config.js b/playground/worker/__tests__/sourcemap-hidden/vite.config.js
index 1d0c931b33beee..4f45017da45c88 100644
--- a/playground/worker/__tests__/sourcemap-hidden/vite.config.js
+++ b/playground/worker/__tests__/sourcemap-hidden/vite.config.js
@@ -1,3 +1,2 @@
-// @ts-check
 import sourcemap from '../../vite.config-sourcemap'
 export default sourcemap('hidden')
diff --git a/playground/worker/__tests__/sourcemap-inline/vite.config.js b/playground/worker/__tests__/sourcemap-inline/vite.config.js
index 4e7ced929b2425..46e0ffcf995d2d 100644
--- a/playground/worker/__tests__/sourcemap-inline/vite.config.js
+++ b/playground/worker/__tests__/sourcemap-inline/vite.config.js
@@ -1,3 +1,2 @@
-// @ts-check
 import sourcemap from '../../vite.config-sourcemap'
 export default sourcemap('inline')
diff --git a/playground/worker/__tests__/sourcemap/vite.config.js b/playground/worker/__tests__/sourcemap/vite.config.js
index 16f82f42b5a8b5..37d77fad8c193a 100644
--- a/playground/worker/__tests__/sourcemap/vite.config.js
+++ b/playground/worker/__tests__/sourcemap/vite.config.js
@@ -1,3 +1,2 @@
-// @ts-check
 import sourcemap from '../../vite.config-sourcemap'
 export default sourcemap(true)
diff --git a/playground/worker/vite.config-es.js b/playground/worker/vite.config-es.js
index 45f660a4af401b..329377ee37732a 100644
--- a/playground/worker/vite.config-es.js
+++ b/playground/worker/vite.config-es.js
@@ -1,4 +1,3 @@
-// @ts-check
 import vite from 'vite'
 import workerPluginTestPlugin from './worker-plugin-test-plugin'
 
diff --git a/playground/worker/vite.config-iife.js b/playground/worker/vite.config-iife.js
index 3020646c67ed81..6c240c2d805d3c 100644
--- a/playground/worker/vite.config-iife.js
+++ b/playground/worker/vite.config-iife.js
@@ -1,4 +1,3 @@
-// @ts-check
 import vite from 'vite'
 import workerPluginTestPlugin from './worker-plugin-test-plugin'
 
diff --git a/playground/worker/vite.config-relative-base.js b/playground/worker/vite.config-relative-base.js
index 221d786f344324..9c2f1af8c61347 100644
--- a/playground/worker/vite.config-relative-base.js
+++ b/playground/worker/vite.config-relative-base.js
@@ -1,4 +1,3 @@
-// @ts-check
 import vite from 'vite'
 import workerPluginTestPlugin from './worker-plugin-test-plugin'
 
diff --git a/playground/worker/vite.config-sourcemap.js b/playground/worker/vite.config-sourcemap.js
index a2a60f4e234f4f..4d89ec4b5c7d5a 100644
--- a/playground/worker/vite.config-sourcemap.js
+++ b/playground/worker/vite.config-sourcemap.js
@@ -1,11 +1,16 @@
-// @ts-check
 import vite from 'vite'
 import workerPluginTestPlugin from './worker-plugin-test-plugin'
 
-/** @param {boolean | 'inline' | 'hidden'} sourcemap */
+/** @param {boolean | 'inline' | 'hidden' | 'sourcemap'} sourcemap */
 export default (sourcemap) => {
   sourcemap =
-    /** @type {'inline' | 'hidden'} */ (process.env.WORKER_MODE) || sourcemap
+    /** @type {'inline' | 'hidden' | 'sourcemap'} */ (
+      process.env.WORKER_MODE
+    ) || sourcemap
+
+  if (sourcemap === 'sourcemap') {
+    sourcemap = true
+  }
 
   return vite.defineConfig({
     base: `/iife-${

From 99f47f132ce570f5a10c0969cbe2daa5fde2c2af Mon Sep 17 00:00:00 2001
From: fi3ework <fi3ework@gmail.com>
Date: Sun, 26 Feb 2023 22:38:40 +0800
Subject: [PATCH 3/6] chore: prefer use tsconfig

---
 playground/preload/vite.config-preload-disabled.ts | 1 -
 playground/preload/vite.config-resolve-deps.ts     | 1 -
 2 files changed, 2 deletions(-)

diff --git a/playground/preload/vite.config-preload-disabled.ts b/playground/preload/vite.config-preload-disabled.ts
index 88ebef1ab057c8..4f1c6674165c2c 100644
--- a/playground/preload/vite.config-preload-disabled.ts
+++ b/playground/preload/vite.config-preload-disabled.ts
@@ -1,4 +1,3 @@
-//@ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/playground/preload/vite.config-resolve-deps.ts b/playground/preload/vite.config-resolve-deps.ts
index 807983d3b67923..6a60567be82d47 100644
--- a/playground/preload/vite.config-resolve-deps.ts
+++ b/playground/preload/vite.config-resolve-deps.ts
@@ -1,4 +1,3 @@
-//@ts-check
 import { defineConfig } from 'vite'
 
 export default defineConfig({

From 99c4ebee9cec89dbecc042f637a3c81634cec74f Mon Sep 17 00:00:00 2001
From: fi3ework <fi3ework@gmail.com>
Date: Sun, 26 Feb 2023 22:35:59 +0800
Subject: [PATCH 4/6] refactor: add global type define

---
 playground/assets/vite.config-relative-base.js | 1 -
 playground/css/vite.config-relative-base.js    | 1 -
 playground/vitestSetup.ts                      | 6 ++++++
 playground/worker/vite.config-relative-base.js | 1 -
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/playground/assets/vite.config-relative-base.js b/playground/assets/vite.config-relative-base.js
index bf1963e173ad9b..50ee67b1bb361f 100644
--- a/playground/assets/vite.config-relative-base.js
+++ b/playground/assets/vite.config-relative-base.js
@@ -18,7 +18,6 @@ export default defineConfig({
       },
     },
   },
-  // @ts-expect-error refer to playground/vitestSetup.ts
   testConfig: {
     baseRoute: '/relative-base/',
   },
diff --git a/playground/css/vite.config-relative-base.js b/playground/css/vite.config-relative-base.js
index bf1963e173ad9b..50ee67b1bb361f 100644
--- a/playground/css/vite.config-relative-base.js
+++ b/playground/css/vite.config-relative-base.js
@@ -18,7 +18,6 @@ export default defineConfig({
       },
     },
   },
-  // @ts-expect-error refer to playground/vitestSetup.ts
   testConfig: {
     baseRoute: '/relative-base/',
   },
diff --git a/playground/vitestSetup.ts b/playground/vitestSetup.ts
index 578e9f1dcacc96..2ebbcfe93d4066 100644
--- a/playground/vitestSetup.ts
+++ b/playground/vitestSetup.ts
@@ -86,6 +86,12 @@ declare module 'vite' {
       baseRoute: string
     }
   }
+
+  interface UserConfig {
+    testConfig?: {
+      baseRoute: string
+    }
+  }
 }
 
 export function setViteUrl(url: string): void {
diff --git a/playground/worker/vite.config-relative-base.js b/playground/worker/vite.config-relative-base.js
index 9c2f1af8c61347..04dd9327d724ae 100644
--- a/playground/worker/vite.config-relative-base.js
+++ b/playground/worker/vite.config-relative-base.js
@@ -29,7 +29,6 @@ export default vite.defineConfig({
       },
     },
   },
-  // @ts-expect-error refer to playground/vitestSetup.ts
   testConfig: {
     baseRoute: '/relative-base/',
   },

From afa3ff7891890a8a39bb78e59690ae968125cdbd Mon Sep 17 00:00:00 2001
From: fi3ework <fi3ework@gmail.com>
Date: Sun, 26 Feb 2023 22:55:04 +0800
Subject: [PATCH 5/6] fix: restore delete code

---
 playground/hmr/optional-chaining/parent.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/playground/hmr/optional-chaining/parent.js b/playground/hmr/optional-chaining/parent.js
index 5124e000bbcee5..d484884cc04c2d 100644
--- a/playground/hmr/optional-chaining/parent.js
+++ b/playground/hmr/optional-chaining/parent.js
@@ -1,3 +1,7 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import { foo } from './child'
+
 import.meta.hot?.accept('./child', ({ foo }) => {
   console.log('(optional-chaining) child update')
   document.querySelector('.optional-chaining').textContent = foo

From ffa57956212ce32e7201430808c1ff6880460070 Mon Sep 17 00:00:00 2001
From: fi3ework <fi3ework@gmail.com>
Date: Mon, 27 Feb 2023 13:36:57 +0800
Subject: [PATCH 6/6] refactor: friendly to git log

---
 playground/assets/vite.config.js |  34 ++++-----
 playground/css/vite.config.js    | 114 +++++++++++++++----------------
 playground/define/vite.config.js |  48 ++++++-------
 playground/lib/vite.config.js    |  68 +++++++++---------
 4 files changed, 132 insertions(+), 132 deletions(-)

diff --git a/playground/assets/vite.config.js b/playground/assets/vite.config.js
index 5c6e4b96f6bacf..85da22a6686857 100644
--- a/playground/assets/vite.config.js
+++ b/playground/assets/vite.config.js
@@ -1,21 +1,21 @@
 import path from 'node:path'
 import { defineConfig } from 'vite'
 
-export default /** @type {import('vite').UserConfig} */ (
-  defineConfig({
-    base: '/foo',
-    publicDir: 'static',
-    resolve: {
-      alias: {
-        '@': path.resolve(__dirname, 'nested'),
-      },
+/** @type {import('vite').UserConfig} */
+// @ts-expect-error typecast
+export default defineConfig({
+  base: '/foo',
+  publicDir: 'static',
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'nested'),
     },
-    assetsInclude: ['**/*.unknown'],
-    build: {
-      outDir: 'dist/foo',
-      assetsInlineLimit: 8192, // 8kb
-      manifest: true,
-      watch: {},
-    },
-  })
-)
+  },
+  assetsInclude: ['**/*.unknown'],
+  build: {
+    outDir: 'dist/foo',
+    assetsInlineLimit: 8192, // 8kb
+    manifest: true,
+    watch: {},
+  },
+})
diff --git a/playground/css/vite.config.js b/playground/css/vite.config.js
index 6e60d414a3d894..33a99cf507ec4f 100644
--- a/playground/css/vite.config.js
+++ b/playground/css/vite.config.js
@@ -8,67 +8,67 @@ globalThis.window = {}
 // @ts-expect-error refer to https://github.com/vitejs/vite/pull/11079
 globalThis.location = new URL('http://localhost/')
 
-export default /** @type {import('vite').UserConfig} */ (
-  defineConfig({
-    build: {
-      cssTarget: 'chrome61',
+/** @type {import('vite').UserConfig} */
+// @ts-expect-error typecast
+export default defineConfig({
+  build: {
+    cssTarget: 'chrome61',
+  },
+  esbuild: {
+    logOverride: {
+      'unsupported-css-property': 'silent',
     },
-    esbuild: {
-      logOverride: {
-        'unsupported-css-property': 'silent',
-      },
-    },
-    resolve: {
-      alias: {
-        '=': __dirname,
-        spacefolder: __dirname + '/folder with space',
-        '#alias': __dirname + '/aliased/foo.css',
-        '#alias?inline': __dirname + '/aliased/foo.css?inline',
-        '#alias-module': __dirname + '/aliased/bar.module.css',
-      },
+  },
+  resolve: {
+    alias: {
+      '=': __dirname,
+      spacefolder: __dirname + '/folder with space',
+      '#alias': __dirname + '/aliased/foo.css',
+      '#alias?inline': __dirname + '/aliased/foo.css?inline',
+      '#alias-module': __dirname + '/aliased/bar.module.css',
     },
-    css: {
-      modules: {
-        generateScopedName: '[name]__[local]___[hash:base64:5]',
+  },
+  css: {
+    modules: {
+      generateScopedName: '[name]__[local]___[hash:base64:5]',
 
-        // example of how getJSON can be used to generate
-        // typescript typings for css modules class names
+      // example of how getJSON can be used to generate
+      // typescript typings for css modules class names
 
-        // getJSON(cssFileName, json, _outputFileName) {
-        //   let typings = 'declare const classNames: {\n'
-        //   for (let className in json) {
-        //     typings += `    "${className}": string;\n`
-        //   }
-        //   typings += '};\n'
-        //   typings += 'export default classNames;\n'
-        //   const { join, dirname, basename } = require('path')
-        //   const typingsFile = join(
-        //     dirname(cssFileName),
-        //     basename(cssFileName) + '.d.ts'
-        //   )
-        //   require('fs').writeFileSync(typingsFile, typings)
-        // },
+      // getJSON(cssFileName, json, _outputFileName) {
+      //   let typings = 'declare const classNames: {\n'
+      //   for (let className in json) {
+      //     typings += `    "${className}": string;\n`
+      //   }
+      //   typings += '};\n'
+      //   typings += 'export default classNames;\n'
+      //   const { join, dirname, basename } = require('path')
+      //   const typingsFile = join(
+      //     dirname(cssFileName),
+      //     basename(cssFileName) + '.d.ts'
+      //   )
+      //   require('fs').writeFileSync(typingsFile, typings)
+      // },
+    },
+    preprocessorOptions: {
+      scss: {
+        additionalData: `$injectedColor: orange;`,
+        importer: [
+          function (url) {
+            return url === 'virtual-dep' ? { contents: '' } : null
+          },
+          function (url) {
+            return url.endsWith('.wxss') ? { contents: '' } : null
+          },
+        ],
       },
-      preprocessorOptions: {
-        scss: {
-          additionalData: `$injectedColor: orange;`,
-          importer: [
-            function (url) {
-              return url === 'virtual-dep' ? { contents: '' } : null
-            },
-            function (url) {
-              return url.endsWith('.wxss') ? { contents: '' } : null
-            },
-          ],
-        },
-        styl: {
-          additionalData: `$injectedColor ?= orange`,
-          imports: [
-            './options/relative-import.styl',
-            path.join(__dirname, 'options/absolute-import.styl'),
-          ],
-        },
+      styl: {
+        additionalData: `$injectedColor ?= orange`,
+        imports: [
+          './options/relative-import.styl',
+          path.join(__dirname, 'options/absolute-import.styl'),
+        ],
       },
     },
-  })
-)
+  },
+})
diff --git a/playground/define/vite.config.js b/playground/define/vite.config.js
index 6cc9e61259046d..b843b070f683f3 100644
--- a/playground/define/vite.config.js
+++ b/playground/define/vite.config.js
@@ -1,29 +1,29 @@
 import { defineConfig } from 'vite'
 
-export default /** @type {import('vite').UserConfig} */ (
-  defineConfig({
-    define: {
-      __EXP__: 'false',
-      __STRING__: '"hello"',
-      __NUMBER__: 123,
-      __BOOLEAN__: true,
-      __OBJ__: {
-        foo: 1,
-        bar: {
-          baz: 2,
-        },
-        process: {
-          env: {
-            SOMEVAR: '"PROCESS MAY BE PROPERTY"',
-          },
+/** @type {import('vite').UserConfig} */
+// @ts-expect-error typecast
+export default defineConfig({
+  define: {
+    __EXP__: 'false',
+    __STRING__: '"hello"',
+    __NUMBER__: 123,
+    __BOOLEAN__: true,
+    __OBJ__: {
+      foo: 1,
+      bar: {
+        baz: 2,
+      },
+      process: {
+        env: {
+          SOMEVAR: '"PROCESS MAY BE PROPERTY"',
         },
       },
-      'process.env.NODE_ENV': '"dev"',
-      'process.env.SOMEVAR': '"SOMEVAR"',
-      $DOLLAR: 456,
-      ÖUNICODE_LETTERɵ: 789,
-      __VAR_NAME__: false,
-      __STRINGIFIED_OBJ__: JSON.stringify({ foo: true }),
     },
-  })
-)
+    'process.env.NODE_ENV': '"dev"',
+    'process.env.SOMEVAR': '"SOMEVAR"',
+    $DOLLAR: 456,
+    ÖUNICODE_LETTERɵ: 789,
+    __VAR_NAME__: false,
+    __STRINGIFIED_OBJ__: JSON.stringify({ foo: true }),
+  },
+})
diff --git a/playground/lib/vite.config.js b/playground/lib/vite.config.js
index 4b3694cc9226a1..fc2752398e1a3b 100644
--- a/playground/lib/vite.config.js
+++ b/playground/lib/vite.config.js
@@ -2,41 +2,41 @@ import fs from 'node:fs'
 import path from 'node:path'
 import { defineConfig } from 'vite'
 
-export default /** @type {import('vite').UserConfig} */ (
-  defineConfig({
-    esbuild: {
-      supported: {
-        // Force esbuild inject helpers to test regex
-        'object-rest-spread': false,
-      },
+/** @type {import('vite').UserConfig} */
+// @ts-expect-error typecast
+export default defineConfig({
+  esbuild: {
+    supported: {
+      // Force esbuild inject helpers to test regex
+      'object-rest-spread': false,
     },
-    build: {
-      rollupOptions: {
-        output: {
-          banner: `/*!\nMayLib\n*/`,
-        },
-      },
-      lib: {
-        entry: path.resolve(__dirname, 'src/main.js'),
-        name: 'MyLib',
-        formats: ['es', 'umd', 'iife'],
-        fileName: 'my-lib-custom-filename',
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        banner: `/*!\nMayLib\n*/`,
       },
     },
-    plugins: [
-      {
-        name: 'emit-index',
-        generateBundle() {
-          this.emitFile({
-            type: 'asset',
-            fileName: 'index.html',
-            source: fs.readFileSync(
-              path.resolve(__dirname, 'index.dist.html'),
-              'utf-8',
-            ),
-          })
-        },
+    lib: {
+      entry: path.resolve(__dirname, 'src/main.js'),
+      name: 'MyLib',
+      formats: ['es', 'umd', 'iife'],
+      fileName: 'my-lib-custom-filename',
+    },
+  },
+  plugins: [
+    {
+      name: 'emit-index',
+      generateBundle() {
+        this.emitFile({
+          type: 'asset',
+          fileName: 'index.html',
+          source: fs.readFileSync(
+            path.resolve(__dirname, 'index.dist.html'),
+            'utf-8',
+          ),
+        })
       },
-    ],
-  })
-)
+    },
+  ],
+})