diff --git a/package.json b/package.json
index 6a8dca7f34a1a5..92a5fd2ee871b5 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "@types/less": "^3.0.3",
     "@types/micromatch": "^4.0.2",
     "@types/mime": "^2.0.3",
+    "@types/minimist": "^1.2.2",
     "@types/node": "^17.0.31",
     "@types/prompts": "^2.4.0",
     "@types/resolve": "^1.20.2",
diff --git a/packages/vite/src/node/build.ts b/packages/vite/src/node/build.ts
index 00146a25bde0cd..c62952ac77005c 100644
--- a/packages/vite/src/node/build.ts
+++ b/packages/vite/src/node/build.ts
@@ -389,7 +389,6 @@ async function doBuild(
     )
   }
 
-  const rollup = require('rollup') as typeof Rollup
   const rollupOptions: RollupOptions = {
     input,
     context: 'globalThis',
@@ -470,7 +469,8 @@ async function doBuild(
       }
 
       const watcherOptions = config.build.watch
-      const watcher = rollup.watch({
+      const { watch } = await import('rollup')
+      const watcher = watch({
         ...rollupOptions,
         output,
         watch: {
@@ -506,7 +506,8 @@ async function doBuild(
     }
 
     // write or generate files with rollup
-    const bundle = await rollup.rollup(rollupOptions)
+    const { rollup } = await import('rollup')
+    const bundle = await rollup(rollupOptions)
     parallelBuilds.push(bundle)
 
     const generate = (output: OutputOptions = {}) => {
diff --git a/packages/vite/src/node/config.ts b/packages/vite/src/node/config.ts
index 138514579f3ee0..936b5be1a8b552 100644
--- a/packages/vite/src/node/config.ts
+++ b/packages/vite/src/node/config.ts
@@ -816,7 +816,7 @@ export async function loadConfigFromFile(
     let userConfig: UserConfigExport | undefined
 
     if (isESM) {
-      const fileUrl = require('url').pathToFileURL(resolvedPath)
+      const fileUrl = pathToFileURL(resolvedPath)
       const bundled = await bundleConfigFile(resolvedPath, true)
       dependencies = bundled.dependencies
       if (isTS) {
diff --git a/packages/vite/src/node/http.ts b/packages/vite/src/node/http.ts
index 1aa924282483b8..930643cbdab64a 100644
--- a/packages/vite/src/node/http.ts
+++ b/packages/vite/src/node/http.ts
@@ -95,14 +95,17 @@ export async function resolveHttpServer(
   httpsOptions?: HttpsServerOptions
 ): Promise<HttpServer> {
   if (!httpsOptions) {
-    return require('http').createServer(app)
+    const { createServer } = await import('http')
+    return createServer(app)
   }
 
+  // #484 fallback to http1 when proxy is needed.
   if (proxy) {
-    // #484 fallback to http1 when proxy is needed.
-    return require('https').createServer(httpsOptions, app)
+    const { createServer } = await import('http')
+    return createServer(httpsOptions, app)
   } else {
-    return require('http2').createSecureServer(
+    const { createSecureServer } = await import('http2')
+    return createSecureServer(
       {
         // Manually increase the session memory to prevent 502 ENHANCE_YOUR_CALM
         // errors on large numbers of requests
@@ -110,8 +113,9 @@ export async function resolveHttpServer(
         ...httpsOptions,
         allowHTTP1: true
       },
+      // @ts-expect-error TODO: is this correct?
       app
-    )
+    ) as unknown as HttpServer
   }
 }
 
diff --git a/packages/vite/src/node/optimizer/esbuildDepPlugin.ts b/packages/vite/src/node/optimizer/esbuildDepPlugin.ts
index 9fcc649ef394e3..4bf5c8b1c2152b 100644
--- a/packages/vite/src/node/optimizer/esbuildDepPlugin.ts
+++ b/packages/vite/src/node/optimizer/esbuildDepPlugin.ts
@@ -1,4 +1,5 @@
 import path from 'path'
+import { promises as fs } from 'fs'
 import type { ImportKind, Plugin } from 'esbuild'
 import { KNOWN_ASSET_TYPES } from '../constants'
 import type { ResolvedConfig } from '..'
@@ -220,7 +221,7 @@ export function esbuildDepPlugin(
           })
         )
         build.onLoad({ filter: /.*/ }, async (args) => ({
-          contents: await require('fs').promises.readFile(args.path),
+          contents: await fs.readFile(args.path),
           loader: 'default'
         }))
       }
diff --git a/packages/vite/src/node/plugins/terser.ts b/packages/vite/src/node/plugins/terser.ts
index 5ec3e86b57f96d..9dc546191d14f7 100644
--- a/packages/vite/src/node/plugins/terser.ts
+++ b/packages/vite/src/node/plugins/terser.ts
@@ -6,7 +6,7 @@ import type { ResolvedConfig } from '..'
 export function terserPlugin(config: ResolvedConfig): Plugin {
   const makeWorker = () =>
     new Worker(
-      (basedir: string, code: string, options: Terser.MinifyOptions) => {
+      async (basedir: string, code: string, options: Terser.MinifyOptions) => {
         // when vite is linked, the worker thread won't share the same resolve
         // root with vite itself, so we have to pass in the basedir and resolve
         // terser first.
diff --git a/packages/vite/src/node/plugins/worker.ts b/packages/vite/src/node/plugins/worker.ts
index ec4e255a79f1dc..3e2bc5f1bb1088 100644
--- a/packages/vite/src/node/plugins/worker.ts
+++ b/packages/vite/src/node/plugins/worker.ts
@@ -81,9 +81,9 @@ export async function bundleWorkerEntry(
   query: Record<string, string> | null
 ): Promise<Buffer> {
   // bundle the file as entry to support imports
-  const rollup = require('rollup') as typeof Rollup
+  const { rollup } = await import('rollup')
   const { plugins, rollupOptions, format } = config.worker
-  const bundle = await rollup.rollup({
+  const bundle = await rollup({
     ...rollupOptions,
     input: cleanUrl(id),
     plugins,
diff --git a/playground/css/__tests__/css.spec.ts b/playground/css/__tests__/css.spec.ts
index 5341522900ddb1..46951581f9eb83 100644
--- a/playground/css/__tests__/css.spec.ts
+++ b/playground/css/__tests__/css.spec.ts
@@ -1,3 +1,4 @@
+import { readFileSync } from 'fs'
 import {
   editFile,
   findAssetFile,
@@ -394,7 +395,7 @@ test('?raw', async () => {
   const rawImportCss = await page.$('.raw-imported-css')
 
   expect(await rawImportCss.textContent()).toBe(
-    require('fs').readFileSync(require.resolve('../raw-imported.css'), 'utf-8')
+    readFileSync(require.resolve('../raw-imported.css'), 'utf-8')
   )
 })
 
diff --git a/playground/fs-serve/__tests__/fs-serve.spec.ts b/playground/fs-serve/__tests__/fs-serve.spec.ts
index 6a21a35404ebb7..747b46ecbb8287 100644
--- a/playground/fs-serve/__tests__/fs-serve.spec.ts
+++ b/playground/fs-serve/__tests__/fs-serve.spec.ts
@@ -1,7 +1,7 @@
+import testJSON from '../safe.json'
 import { isServe, page, viteTestUrl } from '~utils'
 
-const json = require('../safe.json')
-const stringified = JSON.stringify(json)
+const stringified = JSON.stringify(testJSON)
 
 describe.runIf(isServe)('main', () => {
   beforeAll(async () => {
@@ -13,7 +13,7 @@ describe.runIf(isServe)('main', () => {
   })
 
   test('named import', async () => {
-    expect(await page.textContent('.named')).toBe(json.msg)
+    expect(await page.textContent('.named')).toBe(testJSON.msg)
   })
 
   test('safe fetch', async () => {
diff --git a/playground/json/__tests__/json.spec.ts b/playground/json/__tests__/json.spec.ts
index 8c64d619361bfb..1c5056d73c4ab0 100644
--- a/playground/json/__tests__/json.spec.ts
+++ b/playground/json/__tests__/json.spec.ts
@@ -1,8 +1,9 @@
+import { readFileSync } from 'fs'
+import testJson from '../test.json'
 import { isBuild, page } from '~utils'
 
 const deepJson = require('vue/package.json')
-const json = require('../test.json')
-const stringified = JSON.stringify(json)
+const stringified = JSON.stringify(testJson)
 const deepStringified = JSON.stringify(deepJson)
 
 test('default import', async () => {
@@ -10,7 +11,7 @@ test('default import', async () => {
 })
 
 test('named import', async () => {
-  expect(await page.textContent('.named')).toBe(json.hello)
+  expect(await page.textContent('.named')).toBe(testJson.hello)
 })
 
 test('deep import', async () => {
@@ -26,7 +27,7 @@ test('dynamic import', async () => {
 })
 
 test('dynamic import, named', async () => {
-  expect(await page.textContent('.dynamic-named')).toBe(json.hello)
+  expect(await page.textContent('.dynamic-named')).toBe(testJson.hello)
 })
 
 test('fetch', async () => {
@@ -41,6 +42,6 @@ test('?url', async () => {
 
 test('?raw', async () => {
   expect(await page.textContent('.raw')).toBe(
-    require('fs').readFileSync(require.resolve('../test.json'), 'utf-8')
+    readFileSync(require.resolve('../test.json'), 'utf-8')
   )
 })
diff --git a/playground/legacy/__tests__/legacy.spec.ts b/playground/legacy/__tests__/legacy.spec.ts
index b21f42afcbd7ed..489b410817c457 100644
--- a/playground/legacy/__tests__/legacy.spec.ts
+++ b/playground/legacy/__tests__/legacy.spec.ts
@@ -81,15 +81,15 @@ describe.runIf(isBuild)('build', () => {
     // This is a ghetto heuristic, but terser output seems to reliably start
     // with one of the following, and non-terser output (including unminified or
     // ebuild-minified) does not!
-    const terserPatt = /^(?:!function|System.register)/
+    const terserPattern = /^(?:!function|System.register)/
 
-    expect(findAssetFile(/chunk-async-legacy/)).toMatch(terserPatt)
-    expect(findAssetFile(/chunk-async\./)).not.toMatch(terserPatt)
-    expect(findAssetFile(/immutable-chunk-legacy/)).toMatch(terserPatt)
-    expect(findAssetFile(/immutable-chunk\./)).not.toMatch(terserPatt)
-    expect(findAssetFile(/index-legacy/)).toMatch(terserPatt)
-    expect(findAssetFile(/index\./)).not.toMatch(terserPatt)
-    expect(findAssetFile(/polyfills-legacy/)).toMatch(terserPatt)
+    expect(findAssetFile(/chunk-async-legacy/)).toMatch(terserPattern)
+    expect(findAssetFile(/chunk-async\./)).not.toMatch(terserPattern)
+    expect(findAssetFile(/immutable-chunk-legacy/)).toMatch(terserPattern)
+    expect(findAssetFile(/immutable-chunk\./)).not.toMatch(terserPattern)
+    expect(findAssetFile(/index-legacy/)).toMatch(terserPattern)
+    expect(findAssetFile(/index\./)).not.toMatch(terserPattern)
+    expect(findAssetFile(/polyfills-legacy/)).toMatch(terserPattern)
   })
 
   test('should emit css file', async () => {
diff --git a/playground/legacy/__tests__/ssr/serve.ts b/playground/legacy/__tests__/ssr/serve.ts
index ec16b39e550965..314d0e729d9590 100644
--- a/playground/legacy/__tests__/ssr/serve.ts
+++ b/playground/legacy/__tests__/ssr/serve.ts
@@ -6,7 +6,7 @@ import { ports } from '~utils'
 export const port = ports['legacy/ssr']
 
 export async function serve(root: string, _isProd: boolean) {
-  const { build } = require('vite')
+  const { build } = await import('vite')
   await build({
     root,
     logLevel: 'silent',
@@ -17,14 +17,13 @@ export async function serve(root: string, _isProd: boolean) {
     }
   })
 
-  const express = require('express')
+  const { default: express } = await import('express')
   const app = express()
 
   app.use('/', async (_req, res) => {
-    const { render } = require(path.resolve(
-      root,
-      './dist/server/entry-server.js'
-    ))
+    const { render } = await import(
+      path.resolve(root, './dist/server/entry-server.js')
+    )
     const html = await render()
     res.status(200).set({ 'Content-Type': 'text/html' }).end(html)
   })
diff --git a/playground/lib/__tests__/serve.ts b/playground/lib/__tests__/serve.ts
index a03bb185875b20..863df82ef570d7 100644
--- a/playground/lib/__tests__/serve.ts
+++ b/playground/lib/__tests__/serve.ts
@@ -12,7 +12,7 @@ export async function serve(root, isBuildTest) {
   setupConsoleWarnCollector()
 
   if (!isBuildTest) {
-    const { createServer } = require('vite')
+    const { createServer } = await import('vite')
     process.env.VITE_INLINE = 'inline-serve'
     const viteServer = await (
       await createServer({
@@ -40,7 +40,7 @@ export async function serve(root, isBuildTest) {
 
     return viteServer
   } else {
-    const { build } = require('vite')
+    const { build } = await import('vite')
     await build({
       root,
       logLevel: 'silent',
diff --git a/playground/ssr-react/__tests__/serve.ts b/playground/ssr-react/__tests__/serve.ts
index b3cb38da7e5fc8..13a458db1d73c7 100644
--- a/playground/ssr-react/__tests__/serve.ts
+++ b/playground/ssr-react/__tests__/serve.ts
@@ -10,7 +10,7 @@ export const port = ports['ssr-react']
 export async function serve(root: string, isProd: boolean) {
   if (isProd) {
     // build first
-    const { build } = require('vite')
+    const { build } = await import('vite')
     // client build
     await build({
       root,
diff --git a/playground/ssr-vue/__tests__/serve.ts b/playground/ssr-vue/__tests__/serve.ts
index ae9accd412c01c..5b678b85ab280c 100644
--- a/playground/ssr-vue/__tests__/serve.ts
+++ b/playground/ssr-vue/__tests__/serve.ts
@@ -10,7 +10,7 @@ export const port = ports['ssr-vue']
 export async function serve(root, isProd) {
   if (isProd) {
     // build first
-    const { build } = require('vite')
+    const { build } = await import('vite')
     // client build
     await build({
       root,
diff --git a/playground/ssr-webworker/__tests__/serve.ts b/playground/ssr-webworker/__tests__/serve.ts
index 5094a7df54e1ec..c3b3306d55758d 100644
--- a/playground/ssr-webworker/__tests__/serve.ts
+++ b/playground/ssr-webworker/__tests__/serve.ts
@@ -12,7 +12,7 @@ export async function serve(root: string, isProd: boolean) {
 
   // we build first, regardless of whether it's prod/build mode
   // because Vite doesn't support the concept of a "webworker server"
-  const { build } = require('vite')
+  const { build } = await import('vite')
 
   // worker build
   await build({
diff --git a/playground/vitestSetup.ts b/playground/vitestSetup.ts
index 4734f561a73701..071d078a954455 100644
--- a/playground/vitestSetup.ts
+++ b/playground/vitestSetup.ts
@@ -67,7 +67,7 @@ beforeAll(async (s) => {
   browser = await chromium.connect(wsEndpoint)
   page = await browser.newPage()
 
-  const globalConsole = globalThis.console
+  const globalConsole = global.console
   const warn = globalConsole.warn
   globalConsole.warn = (msg, ...args) => {
     // suppress @vue/reactivity-transform warning
diff --git a/playground/vue/CustomBlockPlugin.ts b/playground/vue/CustomBlockPlugin.ts
index 4f5def023902bc..bfa3f2342881ca 100644
--- a/playground/vue/CustomBlockPlugin.ts
+++ b/playground/vue/CustomBlockPlugin.ts
@@ -2,12 +2,13 @@ import type { Plugin } from 'vite'
 
 export const vueI18nPlugin: Plugin = {
   name: 'vue-i18n',
-  transform(code, id) {
+  async transform(code, id) {
     if (!/vue&type=i18n/.test(id)) {
       return
     }
     if (/\.ya?ml$/.test(id)) {
-      code = JSON.stringify(require('js-yaml').load(code.trim()))
+      const { load } = await import('js-yaml')
+      code = JSON.stringify(load(code.trim()))
     }
     return {
       code: `export default Comp => {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57c9a304b34629..012ab7ab0b0fb5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,6 +22,7 @@ importers:
       '@types/less': ^3.0.3
       '@types/micromatch': ^4.0.2
       '@types/mime': ^2.0.3
+      '@types/minimist': ^1.2.2
       '@types/node': ^17.0.31
       '@types/prompts': ^2.4.0
       '@types/resolve': ^1.20.2
@@ -73,6 +74,7 @@ importers:
       '@types/less': 3.0.3
       '@types/micromatch': 4.0.2
       '@types/mime': 2.0.3
+      '@types/minimist': 1.2.2
       '@types/node': 17.0.32
       '@types/prompts': 2.4.0
       '@types/resolve': 1.20.2
diff --git a/scripts/releaseUtils.ts b/scripts/releaseUtils.ts
index 9fff2679b868b0..02bb99fe3b8d5e 100644
--- a/scripts/releaseUtils.ts
+++ b/scripts/releaseUtils.ts
@@ -1,15 +1,17 @@
 /**
  * modified from https://github.com/vuejs/core/blob/master/scripts/release.js
  */
-import { existsSync, readFileSync, readdirSync, writeFileSync } from 'fs'
+import { existsSync, readdirSync, writeFileSync } from 'fs'
 import path from 'path'
 import colors from 'picocolors'
 import type { Options as ExecaOptions } from 'execa'
 import execa from 'execa'
 import type { ReleaseType } from 'semver'
 import semver from 'semver'
+import fs from 'fs-extra'
+import minimist from 'minimist'
 
-export const args = require('minimist')(process.argv.slice(2))
+export const args = minimist(process.argv.slice(2))
 
 export const isDryRun = !!args.dry
 
@@ -136,7 +138,7 @@ export function getVersionChoices(currentVersion: string) {
 }
 
 export function updateVersion(pkgPath: string, version: string): void {
-  const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'))
+  const pkg = fs.readJSONSync(pkgPath)
   pkg.version = version
   writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n')
 }
@@ -195,7 +197,8 @@ export async function logRecentCommits(pkgName: string) {
 }
 
 export async function updateTemplateVersions() {
-  const viteVersion = require('../packages/vite/package.json').version
+  const viteVersion = (await fs.readJSON('../packages/vite/package.json'))
+    .version
   if (/beta|alpha|rc/.test(viteVersion)) return
 
   const dir = path.resolve(__dirname, '../packages/create-vite')
@@ -209,7 +212,7 @@ export async function updateTemplateVersions() {
     pkg.devDependencies.vite = `^` + viteVersion
     if (template.startsWith('template-vue')) {
       pkg.devDependencies['@vitejs/plugin-vue'] =
-        `^` + require('../packages/plugin-vue/package.json').version
+        `^` + (await fs.readJSON('../packages/plugin-vue/package.json')).version
     }
     writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n')
   }