From 71868579058512b51991718655e089a78b99d39c Mon Sep 17 00:00:00 2001
From: Shinigami <chrissi92@hotmail.de>
Date: Sun, 19 Dec 2021 12:35:25 +0100
Subject: [PATCH] chore: prefer type imports (#5835)

---
 .eslintrc.cjs                                 |  6 ++-
 packages/create-vite/__tests__/cli.spec.ts    |  3 +-
 .../create-vite/template-vue-ts/src/env.d.ts  |  2 +-
 .../playground/react-emotion/vite.config.ts   |  3 +-
 packages/playground/react/vite.config.ts      |  3 +-
 packages/playground/shims.d.ts                |  2 +-
 packages/playground/testUtils.ts              |  2 +-
 .../tsconfig-json/nested-with-extends/main.ts |  1 +
 .../playground/tsconfig-json/nested/main.ts   |  1 +
 packages/playground/tsconfig-json/src/main.ts |  1 +
 packages/playground/vue/CustomBlockPlugin.ts  |  2 +-
 .../worker/__tests__/worker.spec.ts           |  2 +-
 packages/plugin-legacy/index.d.ts             |  2 +-
 .../jsx-runtime/babel-import-to-require.ts    |  5 +-
 .../src/jsx-runtime/babel-restore-jsx.ts      |  2 +-
 .../src/jsx-runtime/restore-jsx.ts            |  3 +-
 packages/plugin-vue-jsx/index.d.ts            |  6 +--
 packages/plugin-vue/src/compiler.ts           |  2 +-
 packages/plugin-vue/src/handleHotUpdate.ts    |  6 +--
 packages/plugin-vue/src/index.ts              |  6 +--
 packages/plugin-vue/src/main.ts               |  9 ++--
 packages/plugin-vue/src/script.ts             |  4 +-
 packages/plugin-vue/src/style.ts              |  6 +--
 packages/plugin-vue/src/template.ts           |  6 +--
 .../plugin-vue/src/utils/descriptorCache.ts   |  4 +-
 packages/plugin-vue/src/utils/error.ts        |  4 +-
 packages/vite/src/client/client.ts            |  4 +-
 packages/vite/src/client/overlay.ts           |  2 +-
 .../vite/src/node/__tests__/config.spec.ts    | 11 ++--
 packages/vite/src/node/build.ts               | 18 ++++---
 packages/vite/src/node/cli.ts                 |  7 +--
 packages/vite/src/node/config.ts              | 49 +++++++----------
 packages/vite/src/node/http.ts                | 10 ++--
 packages/vite/src/node/importGlob.ts          |  2 +-
 packages/vite/src/node/logger.ts              | 11 ++--
 .../src/node/optimizer/esbuildDepPlugin.ts    |  6 +--
 packages/vite/src/node/optimizer/index.ts     |  5 +-
 .../src/node/optimizer/registerMissing.ts     |  2 +-
 packages/vite/src/node/optimizer/scan.ts      | 11 ++--
 packages/vite/src/node/packages.ts            |  4 +-
 packages/vite/src/node/plugin.ts              | 14 ++---
 packages/vite/src/node/plugins/asset.ts       |  6 +--
 .../src/node/plugins/assetImportMetaUrl.ts    |  4 +-
 .../vite/src/node/plugins/clientInjections.ts |  4 +-
 packages/vite/src/node/plugins/css.ts         | 12 ++---
 packages/vite/src/node/plugins/dataUri.ts     |  2 +-
 packages/vite/src/node/plugins/define.ts      |  6 +--
 packages/vite/src/node/plugins/esbuild.ts     | 15 +++---
 packages/vite/src/node/plugins/html.ts        | 12 ++---
 .../vite/src/node/plugins/importAnalysis.ts   |  9 ++--
 .../src/node/plugins/importAnalysisBuild.ts   |  9 ++--
 packages/vite/src/node/plugins/index.ts       |  4 +-
 packages/vite/src/node/plugins/json.ts        |  2 +-
 .../vite/src/node/plugins/loadFallback.ts     |  2 +-
 packages/vite/src/node/plugins/manifest.ts    |  6 +--
 .../src/node/plugins/modulePreloadPolyfill.ts |  4 +-
 packages/vite/src/node/plugins/preAlias.ts    |  4 +-
 packages/vite/src/node/plugins/reporter.ts    |  4 +-
 packages/vite/src/node/plugins/resolve.ts     | 14 ++---
 .../vite/src/node/plugins/ssrRequireHook.ts   |  4 +-
 packages/vite/src/node/plugins/terser.ts      |  6 +--
 packages/vite/src/node/plugins/wasm.ts        |  4 +-
 packages/vite/src/node/plugins/worker.ts      |  6 +--
 packages/vite/src/node/preview.ts             | 17 +++---
 .../server/__tests__/pluginContainer.spec.ts  |  8 +--
 packages/vite/src/node/server/hmr.ts          | 10 ++--
 packages/vite/src/node/server/index.ts        | 53 +++++++++----------
 .../vite/src/node/server/middlewares/base.ts  |  4 +-
 .../vite/src/node/server/middlewares/error.ts |  8 +--
 .../src/node/server/middlewares/indexHtml.ts  |  9 ++--
 .../vite/src/node/server/middlewares/proxy.ts |  8 +--
 .../node/server/middlewares/spaFallback.ts    |  2 +-
 .../src/node/server/middlewares/static.ts     | 10 ++--
 .../vite/src/node/server/middlewares/time.ts  |  2 +-
 .../src/node/server/middlewares/transform.ts  |  4 +-
 packages/vite/src/node/server/moduleGraph.ts  |  4 +-
 packages/vite/src/node/server/openBrowser.ts  |  2 +-
 .../vite/src/node/server/pluginContainer.ts   | 12 ++---
 packages/vite/src/node/server/send.ts         |  4 +-
 packages/vite/src/node/server/sourcemap.ts    |  2 +-
 .../vite/src/node/server/transformRequest.ts  |  4 +-
 packages/vite/src/node/server/ws.ts           | 20 +++----
 packages/vite/src/node/ssr/ssrExternal.ts     |  5 +-
 .../vite/src/node/ssr/ssrManifestPlugin.ts    |  4 +-
 packages/vite/src/node/ssr/ssrModuleLoader.ts |  5 +-
 packages/vite/src/node/ssr/ssrStacktrace.ts   |  5 +-
 packages/vite/src/node/ssr/ssrTransform.ts    |  8 +--
 packages/vite/src/node/utils.ts               |  4 +-
 packages/vite/types/alias.d.ts                |  2 +-
 packages/vite/types/chokidar.d.ts             |  4 +-
 packages/vite/types/http-proxy.d.ts           |  8 +--
 packages/vite/types/importMeta.d.ts           | 27 +++++-----
 packages/vite/types/shims.d.ts                | 10 ++--
 packages/vite/types/ws.d.ts                   | 12 ++---
 scripts/jestPerTestSetup.ts                   |  9 ++--
 95 files changed, 337 insertions(+), 337 deletions(-)

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 578e00417db95b..48a0bd7773b0d7 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -89,7 +89,11 @@ module.exports = defineConfig({
     '@typescript-eslint/no-inferrable-types': 'off',
     '@typescript-eslint/no-non-null-assertion': 'off', // maybe we should turn this on in a new PR
     '@typescript-eslint/no-unused-vars': 'off', // maybe we should turn this on in a new PR
-    '@typescript-eslint/no-var-requires': 'off'
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      { prefer: 'type-imports' }
+    ]
   },
   overrides: [
     {
diff --git a/packages/create-vite/__tests__/cli.spec.ts b/packages/create-vite/__tests__/cli.spec.ts
index 307ce36a5a2b35..c52998172149e6 100644
--- a/packages/create-vite/__tests__/cli.spec.ts
+++ b/packages/create-vite/__tests__/cli.spec.ts
@@ -1,5 +1,6 @@
 /* eslint-disable node/no-extraneous-import */
-import { commandSync, ExecaSyncReturnValue, SyncOptions } from 'execa'
+import type { ExecaSyncReturnValue, SyncOptions } from 'execa'
+import { commandSync } from 'execa'
 import { mkdirpSync, readdirSync, remove, writeFileSync } from 'fs-extra'
 import { join } from 'path'
 
diff --git a/packages/create-vite/template-vue-ts/src/env.d.ts b/packages/create-vite/template-vue-ts/src/env.d.ts
index d27eb5a311f66a..aafef9509dd5c4 100644
--- a/packages/create-vite/template-vue-ts/src/env.d.ts
+++ b/packages/create-vite/template-vue-ts/src/env.d.ts
@@ -1,7 +1,7 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-  import { DefineComponent } from 'vue'
+  import type { DefineComponent } from 'vue'
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>
   export default component
diff --git a/packages/playground/react-emotion/vite.config.ts b/packages/playground/react-emotion/vite.config.ts
index 5b60bc7e26d145..9364c8f616c2f5 100644
--- a/packages/playground/react-emotion/vite.config.ts
+++ b/packages/playground/react-emotion/vite.config.ts
@@ -1,6 +1,7 @@
 import react from '@vitejs/plugin-react'
+import type { UserConfig } from 'vite'
 
-const config: import('vite').UserConfig = {
+const config: UserConfig = {
   plugins: [
     react({
       jsxImportSource: '@emotion/react',
diff --git a/packages/playground/react/vite.config.ts b/packages/playground/react/vite.config.ts
index e8780031511dac..c6955a131d375f 100644
--- a/packages/playground/react/vite.config.ts
+++ b/packages/playground/react/vite.config.ts
@@ -1,6 +1,7 @@
 import react from '@vitejs/plugin-react'
+import type { UserConfig } from 'vite'
 
-const config: import('vite').UserConfig = {
+const config: UserConfig = {
   plugins: [react()],
   build: {
     // to make tests faster
diff --git a/packages/playground/shims.d.ts b/packages/playground/shims.d.ts
index 99ed8eb232b14f..ced8fb1ad585ae 100644
--- a/packages/playground/shims.d.ts
+++ b/packages/playground/shims.d.ts
@@ -4,7 +4,7 @@ declare module 'css-color-names' {
 }
 
 declare module '*.vue' {
-  import { ComponentOptions } from 'vue'
+  import type { ComponentOptions } from 'vue'
   const component: ComponentOptions
   export default component
 }
diff --git a/packages/playground/testUtils.ts b/packages/playground/testUtils.ts
index 2be13b1aee8cc4..3c6cba769b3ffe 100644
--- a/packages/playground/testUtils.ts
+++ b/packages/playground/testUtils.ts
@@ -5,7 +5,7 @@
 import fs from 'fs'
 import path from 'path'
 import colors from 'css-color-names'
-import { ElementHandle } from 'playwright-chromium'
+import type { ElementHandle } from 'playwright-chromium'
 import type { Manifest } from 'vite'
 
 export function slash(p: string): string {
diff --git a/packages/playground/tsconfig-json/nested-with-extends/main.ts b/packages/playground/tsconfig-json/nested-with-extends/main.ts
index 557f496c4fe1dc..497708b4f4d226 100644
--- a/packages/playground/tsconfig-json/nested-with-extends/main.ts
+++ b/packages/playground/tsconfig-json/nested-with-extends/main.ts
@@ -1,4 +1,5 @@
 // @ts-nocheck
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { NestedWithExtendsTypeOnlyClass } from './not-used-type'
 
 class NestedWithExtendsBase {
diff --git a/packages/playground/tsconfig-json/nested/main.ts b/packages/playground/tsconfig-json/nested/main.ts
index c3c23c44ef59f8..306efd0b1a87d9 100644
--- a/packages/playground/tsconfig-json/nested/main.ts
+++ b/packages/playground/tsconfig-json/nested/main.ts
@@ -1,4 +1,5 @@
 // @ts-nocheck
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { NestedTypeOnlyClass } from './not-used-type'
 
 class NestedBase {
diff --git a/packages/playground/tsconfig-json/src/main.ts b/packages/playground/tsconfig-json/src/main.ts
index 05f1d1a02796ae..6ae1fe03b7d023 100644
--- a/packages/playground/tsconfig-json/src/main.ts
+++ b/packages/playground/tsconfig-json/src/main.ts
@@ -2,6 +2,7 @@
 import '../nested/main'
 import '../nested-with-extends/main'
 
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { MainTypeOnlyClass } from './not-used-type'
 
 class MainBase {
diff --git a/packages/playground/vue/CustomBlockPlugin.ts b/packages/playground/vue/CustomBlockPlugin.ts
index b434bbc24cf324..4f5def023902bc 100644
--- a/packages/playground/vue/CustomBlockPlugin.ts
+++ b/packages/playground/vue/CustomBlockPlugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from 'vite'
+import type { Plugin } from 'vite'
 
 export const vueI18nPlugin: Plugin = {
   name: 'vue-i18n',
diff --git a/packages/playground/worker/__tests__/worker.spec.ts b/packages/playground/worker/__tests__/worker.spec.ts
index 46b136edd66d2a..b84ea39fef5d0a 100644
--- a/packages/playground/worker/__tests__/worker.spec.ts
+++ b/packages/playground/worker/__tests__/worker.spec.ts
@@ -1,7 +1,7 @@
 import fs from 'fs'
 import path from 'path'
 import { untilUpdated, isBuild, testDir } from '../../testUtils'
-import { Page } from 'playwright-chromium'
+import type { Page } from 'playwright-chromium'
 
 test('normal', async () => {
   await page.click('.ping')
diff --git a/packages/plugin-legacy/index.d.ts b/packages/plugin-legacy/index.d.ts
index 612e6cacda9702..8f340f11cba074 100644
--- a/packages/plugin-legacy/index.d.ts
+++ b/packages/plugin-legacy/index.d.ts
@@ -1,4 +1,4 @@
-import { Plugin } from 'vite'
+import type { Plugin } from 'vite'
 
 export interface Options {
   /**
diff --git a/packages/plugin-react/src/jsx-runtime/babel-import-to-require.ts b/packages/plugin-react/src/jsx-runtime/babel-import-to-require.ts
index 936d88b0c8472b..dc7129862fd976 100644
--- a/packages/plugin-react/src/jsx-runtime/babel-import-to-require.ts
+++ b/packages/plugin-react/src/jsx-runtime/babel-import-to-require.ts
@@ -1,3 +1,4 @@
+import type * as babelCore from '@babel/core'
 import type { types as t, Visitor } from '@babel/core'
 
 /**
@@ -9,9 +10,7 @@ import type { types as t, Visitor } from '@babel/core'
  *
  *     var _jsx = require("react/jsx-runtime").jsx
  */
-export function babelImportToRequire({
-  types: t
-}: typeof import('@babel/core')): {
+export function babelImportToRequire({ types: t }: typeof babelCore): {
   visitor: Visitor
 } {
   return {
diff --git a/packages/plugin-react/src/jsx-runtime/babel-restore-jsx.ts b/packages/plugin-react/src/jsx-runtime/babel-restore-jsx.ts
index da08f5327a4eae..669a0aeeced207 100644
--- a/packages/plugin-react/src/jsx-runtime/babel-restore-jsx.ts
+++ b/packages/plugin-react/src/jsx-runtime/babel-restore-jsx.ts
@@ -2,7 +2,7 @@
  * https://github.com/flying-sheep/babel-plugin-transform-react-createelement-to-jsx
  * @license GNU General Public License v3.0
  */
-import * as babel from '@babel/core'
+import type * as babel from '@babel/core'
 
 /**
  * Visitor factory for babel, converting React.createElement(...) to <jsx ...>...</jsx>
diff --git a/packages/plugin-react/src/jsx-runtime/restore-jsx.ts b/packages/plugin-react/src/jsx-runtime/restore-jsx.ts
index 095f7c586e43a1..5cc7042a32c55e 100644
--- a/packages/plugin-react/src/jsx-runtime/restore-jsx.ts
+++ b/packages/plugin-react/src/jsx-runtime/restore-jsx.ts
@@ -1,3 +1,4 @@
+import type * as babelCore from '@babel/core'
 import type { PluginItem, types as t } from '@babel/core'
 
 type RestoredJSX = [result: t.File | null | undefined, isCommonJS: boolean]
@@ -8,7 +9,7 @@ const jsxNotFound: RestoredJSX = [null, false]
 
 /** Restore JSX from `React.createElement` calls */
 export async function restoreJSX(
-  babel: typeof import('@babel/core'),
+  babel: typeof babelCore,
   code: string,
   filename: string
 ): Promise<RestoredJSX> {
diff --git a/packages/plugin-vue-jsx/index.d.ts b/packages/plugin-vue-jsx/index.d.ts
index 2cac80ba56632e..a702c09baa8417 100644
--- a/packages/plugin-vue-jsx/index.d.ts
+++ b/packages/plugin-vue-jsx/index.d.ts
@@ -1,6 +1,6 @@
-import { Plugin } from 'vite'
-import { VueJSXPluginOptions } from '@vue/babel-plugin-jsx'
-import { FilterPattern } from '@rollup/pluginutils'
+import type { Plugin } from 'vite'
+import type { VueJSXPluginOptions } from '@vue/babel-plugin-jsx'
+import type { FilterPattern } from '@rollup/pluginutils'
 
 declare interface FilterOptions {
   include?: FilterPattern
diff --git a/packages/plugin-vue/src/compiler.ts b/packages/plugin-vue/src/compiler.ts
index 59350659b9a31e..0fb4eef7d2677a 100644
--- a/packages/plugin-vue/src/compiler.ts
+++ b/packages/plugin-vue/src/compiler.ts
@@ -5,7 +5,7 @@ declare module 'vue/compiler-sfc' {
   }
 }
 
-import * as _compiler from 'vue/compiler-sfc'
+import type * as _compiler from 'vue/compiler-sfc'
 
 export function resolveCompiler(root: string): typeof _compiler {
   // resolve from project root first, then fallback to peer dep (if any)
diff --git a/packages/plugin-vue/src/handleHotUpdate.ts b/packages/plugin-vue/src/handleHotUpdate.ts
index d93e647a1498bf..2bce3950563367 100644
--- a/packages/plugin-vue/src/handleHotUpdate.ts
+++ b/packages/plugin-vue/src/handleHotUpdate.ts
@@ -1,13 +1,13 @@
 import _debug from 'debug'
-import { SFCBlock, SFCDescriptor } from 'vue/compiler-sfc'
+import type { SFCBlock, SFCDescriptor } from 'vue/compiler-sfc'
 import {
   createDescriptor,
   getDescriptor,
   setPrevDescriptor
 } from './utils/descriptorCache'
 import { getResolvedScript, setResolvedScript } from './script'
-import { ModuleNode, HmrContext } from 'vite'
-import { ResolvedOptions } from '.'
+import type { ModuleNode, HmrContext } from 'vite'
+import type { ResolvedOptions } from '.'
 
 const debug = _debug('vite:hmr')
 
diff --git a/packages/plugin-vue/src/index.ts b/packages/plugin-vue/src/index.ts
index 51ac057232aef0..f12dbd5b4cc0ef 100644
--- a/packages/plugin-vue/src/index.ts
+++ b/packages/plugin-vue/src/index.ts
@@ -1,13 +1,13 @@
 import fs from 'fs'
-import { Plugin, ViteDevServer } from 'vite'
+import type { Plugin, ViteDevServer } from 'vite'
 import { createFilter } from '@rollup/pluginutils'
-import {
+import type {
   SFCBlock,
   SFCScriptCompileOptions,
   SFCStyleCompileOptions,
   SFCTemplateCompileOptions
 } from 'vue/compiler-sfc'
-import * as _compiler from 'vue/compiler-sfc'
+import type * as _compiler from 'vue/compiler-sfc'
 import { resolveCompiler } from './compiler'
 import { parseVueRequest } from './utils/query'
 import { getDescriptor, getSrcDescriptor } from './utils/descriptorCache'
diff --git a/packages/plugin-vue/src/main.ts b/packages/plugin-vue/src/main.ts
index 11dad79cc61733..29c5cffa4cfa81 100644
--- a/packages/plugin-vue/src/main.ts
+++ b/packages/plugin-vue/src/main.ts
@@ -1,18 +1,19 @@
 import qs from 'querystring'
 import path from 'path'
-import { SFCBlock, SFCDescriptor } from 'vue/compiler-sfc'
-import { ResolvedOptions } from '.'
+import type { SFCBlock, SFCDescriptor } from 'vue/compiler-sfc'
+import type { ResolvedOptions } from '.'
 import {
   createDescriptor,
   getPrevDescriptor,
   setSrcDescriptor
 } from './utils/descriptorCache'
-import { PluginContext, SourceMap, TransformPluginContext } from 'rollup'
+import type { PluginContext, SourceMap, TransformPluginContext } from 'rollup'
 import { normalizePath } from '@rollup/pluginutils'
 import { resolveScript, isUseInlineTemplate } from './script'
 import { transformTemplateInMain } from './template'
 import { isOnlyTemplateChanged, isEqualBlock } from './handleHotUpdate'
-import { RawSourceMap, SourceMapConsumer, SourceMapGenerator } from 'source-map'
+import type { RawSourceMap } from 'source-map'
+import { SourceMapConsumer, SourceMapGenerator } from 'source-map'
 import { createRollupError } from './utils/error'
 import { transformWithEsbuild } from 'vite'
 import { EXPORT_HELPER_ID } from './helper'
diff --git a/packages/plugin-vue/src/script.ts b/packages/plugin-vue/src/script.ts
index 241eca21eefea1..93610dcf7f6a36 100644
--- a/packages/plugin-vue/src/script.ts
+++ b/packages/plugin-vue/src/script.ts
@@ -1,5 +1,5 @@
-import { SFCDescriptor, SFCScriptBlock } from 'vue/compiler-sfc'
-import { ResolvedOptions } from '.'
+import type { SFCDescriptor, SFCScriptBlock } from 'vue/compiler-sfc'
+import type { ResolvedOptions } from '.'
 import { resolveTemplateCompilerOptions } from './template'
 
 // ssr and non ssr builds would output different script content
diff --git a/packages/plugin-vue/src/style.ts b/packages/plugin-vue/src/style.ts
index c27e16591f1de9..ad9d981412f52d 100644
--- a/packages/plugin-vue/src/style.ts
+++ b/packages/plugin-vue/src/style.ts
@@ -1,6 +1,6 @@
-import { SFCDescriptor } from 'vue/compiler-sfc'
-import { TransformPluginContext } from 'rollup'
-import { ResolvedOptions } from '.'
+import type { SFCDescriptor } from 'vue/compiler-sfc'
+import type { TransformPluginContext } from 'rollup'
+import type { ResolvedOptions } from '.'
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export async function transformStyle(
diff --git a/packages/plugin-vue/src/template.ts b/packages/plugin-vue/src/template.ts
index 9ee386b1c90d69..72e9588967556e 100644
--- a/packages/plugin-vue/src/template.ts
+++ b/packages/plugin-vue/src/template.ts
@@ -1,13 +1,13 @@
 import path from 'path'
 import slash from 'slash'
-import {
+import type {
   SFCDescriptor,
   SFCTemplateCompileOptions,
   SFCTemplateCompileResults,
   CompilerOptions
 } from 'vue/compiler-sfc'
-import { PluginContext, TransformPluginContext } from 'rollup'
-import { ResolvedOptions } from '.'
+import type { PluginContext, TransformPluginContext } from 'rollup'
+import type { ResolvedOptions } from '.'
 import { getResolvedScript } from './script'
 import { createRollupError } from './utils/error'
 
diff --git a/packages/plugin-vue/src/utils/descriptorCache.ts b/packages/plugin-vue/src/utils/descriptorCache.ts
index 990f679d0ac08b..c0b77e72d3e613 100644
--- a/packages/plugin-vue/src/utils/descriptorCache.ts
+++ b/packages/plugin-vue/src/utils/descriptorCache.ts
@@ -2,8 +2,8 @@ import fs from 'fs'
 import path from 'path'
 import slash from 'slash'
 import hash from 'hash-sum'
-import { CompilerError, SFCDescriptor } from 'vue/compiler-sfc'
-import { ResolvedOptions, VueQuery } from '..'
+import type { CompilerError, SFCDescriptor } from 'vue/compiler-sfc'
+import type { ResolvedOptions, VueQuery } from '..'
 
 // compiler-sfc should be exported so it can be re-used
 export interface SFCParseResult {
diff --git a/packages/plugin-vue/src/utils/error.ts b/packages/plugin-vue/src/utils/error.ts
index 1f3e48d7c7ed44..50999910fabb7b 100644
--- a/packages/plugin-vue/src/utils/error.ts
+++ b/packages/plugin-vue/src/utils/error.ts
@@ -1,5 +1,5 @@
-import { CompilerError } from 'vue/compiler-sfc'
-import { RollupError } from 'rollup'
+import type { CompilerError } from 'vue/compiler-sfc'
+import type { RollupError } from 'rollup'
 
 export function createRollupError(
   id: string,
diff --git a/packages/vite/src/client/client.ts b/packages/vite/src/client/client.ts
index 188d6f1a5eb01b..c801b716d0318c 100644
--- a/packages/vite/src/client/client.ts
+++ b/packages/vite/src/client/client.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   ErrorPayload,
   FullReloadPayload,
   HMRPayload,
@@ -6,7 +6,7 @@ import {
   Update,
   UpdatePayload
 } from 'types/hmrPayload'
-import { CustomEventName } from 'types/customEvent'
+import type { CustomEventName } from 'types/customEvent'
 import { ErrorOverlay, overlayId } from './overlay'
 // eslint-disable-next-line node/no-missing-import
 import '@vite/env'
diff --git a/packages/vite/src/client/overlay.ts b/packages/vite/src/client/overlay.ts
index 536b9df167a83f..150c570fbc8aaf 100644
--- a/packages/vite/src/client/overlay.ts
+++ b/packages/vite/src/client/overlay.ts
@@ -1,4 +1,4 @@
-import { ErrorPayload } from 'types/hmrPayload'
+import type { ErrorPayload } from 'types/hmrPayload'
 
 const template = /*html*/ `
 <style>
diff --git a/packages/vite/src/node/__tests__/config.spec.ts b/packages/vite/src/node/__tests__/config.spec.ts
index b4f55eae089c78..be8a8fdaa6d3d1 100644
--- a/packages/vite/src/node/__tests__/config.spec.ts
+++ b/packages/vite/src/node/__tests__/config.spec.ts
@@ -1,11 +1,6 @@
-import { InlineConfig } from '..'
-import {
-  mergeConfig,
-  resolveConfig,
-  UserConfigExport,
-  resolveEnvPrefix,
-  UserConfig
-} from '../config'
+import type { InlineConfig } from '..'
+import type { UserConfigExport, UserConfig } from '../config'
+import { mergeConfig, resolveConfig, resolveEnvPrefix } from '../config'
 
 describe('mergeConfig', () => {
   test('handles configs with different alias schemas', () => {
diff --git a/packages/vite/src/node/build.ts b/packages/vite/src/node/build.ts
index a0be3015059871..e64cc618135bb0 100644
--- a/packages/vite/src/node/build.ts
+++ b/packages/vite/src/node/build.ts
@@ -1,8 +1,9 @@
 import fs from 'fs'
 import path from 'path'
 import chalk from 'chalk'
-import { resolveConfig, InlineConfig, ResolvedConfig } from './config'
-import Rollup, {
+import type { InlineConfig, ResolvedConfig } from './config'
+import { resolveConfig } from './config'
+import type {
   Plugin,
   RollupBuild,
   RollupOptions,
@@ -18,25 +19,26 @@ import Rollup, {
   RollupError,
   ModuleFormat
 } from 'rollup'
+import type Rollup from 'rollup'
 import { buildReporterPlugin } from './plugins/reporter'
 import { buildHtmlPlugin } from './plugins/html'
 import { buildEsbuildPlugin } from './plugins/esbuild'
 import { terserPlugin } from './plugins/terser'
-import { Terser } from 'types/terser'
+import type { Terser } from 'types/terser'
 import { copyDir, emptyDir, lookupFile, normalizePath } from './utils'
 import { manifestPlugin } from './plugins/manifest'
 import commonjsPlugin from '@rollup/plugin-commonjs'
-import { RollupCommonJSOptions } from 'types/commonjs'
+import type { RollupCommonJSOptions } from 'types/commonjs'
 import dynamicImportVars from '@rollup/plugin-dynamic-import-vars'
-import { RollupDynamicImportVarsOptions } from 'types/dynamicImportVars'
-import { Logger } from './logger'
-import { TransformOptions } from 'esbuild'
+import type { RollupDynamicImportVarsOptions } from 'types/dynamicImportVars'
+import type { Logger } from './logger'
+import type { TransformOptions } from 'esbuild'
 import { dataURIPlugin } from './plugins/dataUri'
 import { buildImportAnalysisPlugin } from './plugins/importAnalysisBuild'
 import { resolveSSRExternal, shouldExternalizeForSSR } from './ssr/ssrExternal'
 import { ssrManifestPlugin } from './ssr/ssrManifestPlugin'
 import { isCSSRequest } from './plugins/css'
-import { DepOptimizationMetadata } from './optimizer'
+import type { DepOptimizationMetadata } from './optimizer'
 import { scanImports } from './optimizer/scan'
 import { assetImportMetaUrlPlugin } from './plugins/assetImportMetaUrl'
 import { loadFallbackPlugin } from './plugins/loadFallback'
diff --git a/packages/vite/src/node/cli.ts b/packages/vite/src/node/cli.ts
index 275283407ae66c..9e2404eb45c4c0 100644
--- a/packages/vite/src/node/cli.ts
+++ b/packages/vite/src/node/cli.ts
@@ -1,9 +1,10 @@
 import { cac } from 'cac'
 import chalk from 'chalk'
 import { performance } from 'perf_hooks'
-import { BuildOptions } from './build'
-import { ServerOptions } from './server'
-import { createLogger, LogLevel } from './logger'
+import type { BuildOptions } from './build'
+import type { ServerOptions } from './server'
+import type { LogLevel } from './logger'
+import { createLogger } from './logger'
 import { resolveConfig } from '.'
 import { preview } from './preview'
 
diff --git a/packages/vite/src/node/config.ts b/packages/vite/src/node/config.ts
index f7f1c3128e0663..892a20f1f3e426 100644
--- a/packages/vite/src/node/config.ts
+++ b/packages/vite/src/node/config.ts
@@ -1,18 +1,13 @@
 import fs from 'fs'
 import path from 'path'
-import { Plugin } from './plugin'
-import { BuildOptions, resolveBuildOptions } from './build'
-import {
-  ResolvedServerOptions,
-  resolveServerOptions,
-  ServerOptions
-} from './server'
-import {
-  ResolvedPreviewOptions,
-  resolvePreviewOptions,
-  PreviewOptions
-} from './preview'
-import { CSSOptions } from './plugins/css'
+import type { Plugin } from './plugin'
+import type { BuildOptions } from './build'
+import { resolveBuildOptions } from './build'
+import type { ResolvedServerOptions, ServerOptions } from './server'
+import { resolveServerOptions } from './server'
+import type { ResolvedPreviewOptions, PreviewOptions } from './preview'
+import { resolvePreviewOptions } from './preview'
+import type { CSSOptions } from './plugins/css'
 import {
   arraify,
   createDebugger,
@@ -24,30 +19,26 @@ import {
 } from './utils'
 import { resolvePlugins } from './plugins'
 import chalk from 'chalk'
-import { ESBuildOptions } from './plugins/esbuild'
+import type { ESBuildOptions } from './plugins/esbuild'
 import dotenv from 'dotenv'
 import dotenvExpand from 'dotenv-expand'
-import { Alias, AliasOptions } from 'types/alias'
+import type { Alias, AliasOptions } from 'types/alias'
 import { CLIENT_ENTRY, ENV_ENTRY, DEFAULT_ASSETS_RE } from './constants'
-import {
-  InternalResolveOptions,
-  ResolveOptions,
-  resolvePlugin
-} from './plugins/resolve'
-import { createLogger, Logger, LogLevel } from './logger'
-import { DepOptimizationOptions } from './optimizer'
+import type { InternalResolveOptions, ResolveOptions } from './plugins/resolve'
+import { resolvePlugin } from './plugins/resolve'
+import type { Logger, LogLevel } from './logger'
+import { createLogger } from './logger'
+import type { DepOptimizationOptions } from './optimizer'
 import { createFilter } from '@rollup/pluginutils'
-import { ResolvedBuildOptions } from '.'
+import type { ResolvedBuildOptions } from '.'
 import { parse as parseUrl } from 'url'
-import { JsonOptions } from './plugins/json'
-import {
-  createPluginContainer,
-  PluginContainer
-} from './server/pluginContainer'
+import type { JsonOptions } from './plugins/json'
+import type { PluginContainer } from './server/pluginContainer'
+import { createPluginContainer } from './server/pluginContainer'
 import aliasPlugin from '@rollup/plugin-alias'
 import { build } from 'esbuild'
 import { performance } from 'perf_hooks'
-import { PackageCache } from './packages'
+import type { PackageCache } from './packages'
 
 const debug = createDebugger('vite:config')
 
diff --git a/packages/vite/src/node/http.ts b/packages/vite/src/node/http.ts
index 406a8f100481bf..b70ab0326dee76 100644
--- a/packages/vite/src/node/http.ts
+++ b/packages/vite/src/node/http.ts
@@ -1,11 +1,11 @@
 import fs, { promises as fsp } from 'fs'
 import path from 'path'
-import { Server as HttpServer } from 'http'
-import { ServerOptions as HttpsServerOptions } from 'https'
+import type { Server as HttpServer } from 'http'
+import type { ServerOptions as HttpsServerOptions } from 'https'
 import { isObject } from './utils'
-import { ProxyOptions } from './server/middlewares/proxy'
-import { Connect } from 'types/connect'
-import { Logger } from './logger'
+import type { ProxyOptions } from './server/middlewares/proxy'
+import type { Connect } from 'types/connect'
+import type { Logger } from './logger'
 
 export interface CommonServerOptions {
   /**
diff --git a/packages/vite/src/node/importGlob.ts b/packages/vite/src/node/importGlob.ts
index 9ccadd8739ff61..4b6bfbb740a966 100644
--- a/packages/vite/src/node/importGlob.ts
+++ b/packages/vite/src/node/importGlob.ts
@@ -6,7 +6,7 @@ import {
   preloadMarker
 } from './plugins/importAnalysisBuild'
 import { cleanUrl } from './utils'
-import { RollupError } from 'rollup'
+import type { RollupError } from 'rollup'
 
 export async function transformImportGlob(
   source: string,
diff --git a/packages/vite/src/node/logger.ts b/packages/vite/src/node/logger.ts
index 12e41f3ff089c8..8f0461b497f3a9 100644
--- a/packages/vite/src/node/logger.ts
+++ b/packages/vite/src/node/logger.ts
@@ -1,13 +1,14 @@
 /* eslint no-console: 0 */
 
 import chalk from 'chalk'
-import { AddressInfo, Server } from 'net'
+import type { AddressInfo, Server } from 'net'
 import os from 'os'
 import readline from 'readline'
-import { RollupError } from 'rollup'
-import { ResolvedConfig } from '.'
-import { CommonServerOptions } from './http'
-import { Hostname, resolveHostname } from './utils'
+import type { RollupError } from 'rollup'
+import type { ResolvedConfig } from '.'
+import type { CommonServerOptions } from './http'
+import type { Hostname } from './utils'
+import { resolveHostname } from './utils'
 
 export type LogType = 'error' | 'warn' | 'info'
 export type LogLevel = LogType | 'silent'
diff --git a/packages/vite/src/node/optimizer/esbuildDepPlugin.ts b/packages/vite/src/node/optimizer/esbuildDepPlugin.ts
index 54732be1b4e79b..6c778e2c8bf8d3 100644
--- a/packages/vite/src/node/optimizer/esbuildDepPlugin.ts
+++ b/packages/vite/src/node/optimizer/esbuildDepPlugin.ts
@@ -1,7 +1,7 @@
 import path from 'path'
-import { Loader, Plugin, ImportKind } from 'esbuild'
+import type { Loader, Plugin, ImportKind } from 'esbuild'
 import { KNOWN_ASSET_TYPES } from '../constants'
-import { ResolvedConfig } from '..'
+import type { ResolvedConfig } from '..'
 import {
   isRunningWithYarnPnp,
   flattenId,
@@ -10,7 +10,7 @@ import {
   moduleListContains
 } from '../utils'
 import { browserExternalId } from '../plugins/resolve'
-import { ExportsData } from '.'
+import type { ExportsData } from '.'
 
 const externalTypes = [
   'css',
diff --git a/packages/vite/src/node/optimizer/index.ts b/packages/vite/src/node/optimizer/index.ts
index 6b09c265ffef16..1e92a373b84783 100644
--- a/packages/vite/src/node/optimizer/index.ts
+++ b/packages/vite/src/node/optimizer/index.ts
@@ -2,8 +2,9 @@ import fs from 'fs'
 import path from 'path'
 import chalk from 'chalk'
 import { createHash } from 'crypto'
-import { build, BuildOptions as EsbuildBuildOptions } from 'esbuild'
-import { ResolvedConfig } from '../config'
+import type { BuildOptions as EsbuildBuildOptions } from 'esbuild'
+import { build } from 'esbuild'
+import type { ResolvedConfig } from '../config'
 import {
   createDebugger,
   emptyDir,
diff --git a/packages/vite/src/node/optimizer/registerMissing.ts b/packages/vite/src/node/optimizer/registerMissing.ts
index 6071228b566f30..b7d53870e84fef 100644
--- a/packages/vite/src/node/optimizer/registerMissing.ts
+++ b/packages/vite/src/node/optimizer/registerMissing.ts
@@ -1,6 +1,6 @@
 import chalk from 'chalk'
 import { optimizeDeps } from '.'
-import { ViteDevServer } from '..'
+import type { ViteDevServer } from '..'
 import { resolveSSRExternal } from '../ssr/ssrExternal'
 
 /**
diff --git a/packages/vite/src/node/optimizer/scan.ts b/packages/vite/src/node/optimizer/scan.ts
index 5367df30bb9af3..b1c7a443cbf5ca 100644
--- a/packages/vite/src/node/optimizer/scan.ts
+++ b/packages/vite/src/node/optimizer/scan.ts
@@ -1,8 +1,9 @@
 import fs from 'fs'
 import path from 'path'
 import glob from 'fast-glob'
-import { ResolvedConfig } from '..'
-import { Loader, Plugin, build, transform, OnLoadResult } from 'esbuild'
+import type { ResolvedConfig } from '..'
+import type { Loader, Plugin, OnLoadResult } from 'esbuild'
+import { build, transform } from 'esbuild'
 import {
   KNOWN_ASSET_TYPES,
   JS_TYPES_RE,
@@ -22,10 +23,8 @@ import {
   virtualModuleRE,
   virtualModulePrefix
 } from '../utils'
-import {
-  createPluginContainer,
-  PluginContainer
-} from '../server/pluginContainer'
+import type { PluginContainer } from '../server/pluginContainer'
+import { createPluginContainer } from '../server/pluginContainer'
 import { init, parse } from 'es-module-lexer'
 import MagicString from 'magic-string'
 import { transformImportGlob } from '../importGlob'
diff --git a/packages/vite/src/node/packages.ts b/packages/vite/src/node/packages.ts
index 8b769020a05853..1424977164de85 100644
--- a/packages/vite/src/node/packages.ts
+++ b/packages/vite/src/node/packages.ts
@@ -2,8 +2,8 @@ import fs from 'fs'
 import path from 'path'
 import { createFilter } from '@rollup/pluginutils'
 import { createDebugger, resolveFrom } from './utils'
-import { ResolvedConfig } from './config'
-import { Plugin } from './plugin'
+import type { ResolvedConfig } from './config'
+import type { Plugin } from './plugin'
 
 const isDebug = process.env.DEBUG
 const debug = createDebugger('vite:resolve-details', {
diff --git a/packages/vite/src/node/plugin.ts b/packages/vite/src/node/plugin.ts
index 430a22b25c67a2..36674e242bd33e 100644
--- a/packages/vite/src/node/plugin.ts
+++ b/packages/vite/src/node/plugin.ts
@@ -1,5 +1,5 @@
-import { UserConfig } from './config'
-import {
+import type { UserConfig } from './config'
+import type {
   CustomPluginOptions,
   LoadResult,
   Plugin as RollupPlugin,
@@ -8,11 +8,11 @@ import {
   TransformPluginContext,
   TransformResult
 } from 'rollup'
-import { ServerHook } from './server'
-import { IndexHtmlTransform } from './plugins/html'
-import { ModuleNode } from './server/moduleGraph'
-import { ConfigEnv, ResolvedConfig } from './'
-import { HmrContext } from './server/hmr'
+import type { ServerHook } from './server'
+import type { IndexHtmlTransform } from './plugins/html'
+import type { ModuleNode } from './server/moduleGraph'
+import type { ConfigEnv, ResolvedConfig } from './'
+import type { HmrContext } from './server/hmr'
 
 /**
  * Vite plugins extends the Rollup plugin interface with a few extra
diff --git a/packages/vite/src/node/plugins/asset.ts b/packages/vite/src/node/plugins/asset.ts
index 0fa017ddb8c2f9..a4373a10815bdf 100644
--- a/packages/vite/src/node/plugins/asset.ts
+++ b/packages/vite/src/node/plugins/asset.ts
@@ -2,11 +2,11 @@ import path from 'path'
 import { parse as parseUrl } from 'url'
 import fs, { promises as fsp } from 'fs'
 import mime from 'mime/lite'
-import { Plugin } from '../plugin'
-import { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
+import type { ResolvedConfig } from '../config'
 import { cleanUrl } from '../utils'
 import { FS_PREFIX } from '../constants'
-import { OutputOptions, PluginContext, RenderedChunk } from 'rollup'
+import type { OutputOptions, PluginContext, RenderedChunk } from 'rollup'
 import MagicString from 'magic-string'
 import { createHash } from 'crypto'
 import { normalizePath } from '../utils'
diff --git a/packages/vite/src/node/plugins/assetImportMetaUrl.ts b/packages/vite/src/node/plugins/assetImportMetaUrl.ts
index 2eb4a175f5a7d1..9b7249fe4ff35c 100644
--- a/packages/vite/src/node/plugins/assetImportMetaUrl.ts
+++ b/packages/vite/src/node/plugins/assetImportMetaUrl.ts
@@ -1,8 +1,8 @@
-import { Plugin } from '../plugin'
+import type { Plugin } from '../plugin'
 import MagicString from 'magic-string'
 import path from 'path'
 import { fileToUrl } from './asset'
-import { ResolvedConfig } from '../config'
+import type { ResolvedConfig } from '../config'
 import { multilineCommentsRE, singlelineCommentsRE } from '../utils'
 
 /**
diff --git a/packages/vite/src/node/plugins/clientInjections.ts b/packages/vite/src/node/plugins/clientInjections.ts
index f752596d5de078..da59527c66b0e6 100644
--- a/packages/vite/src/node/plugins/clientInjections.ts
+++ b/packages/vite/src/node/plugins/clientInjections.ts
@@ -1,6 +1,6 @@
 import path from 'path'
-import { Plugin } from '../plugin'
-import { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
+import type { ResolvedConfig } from '../config'
 import { CLIENT_ENTRY, ENV_ENTRY } from '../constants'
 import { normalizePath, isObject } from '../utils'
 
diff --git a/packages/vite/src/node/plugins/css.ts b/packages/vite/src/node/plugins/css.ts
index 2a66e7b5cb4b93..95aa1c2d5427b2 100644
--- a/packages/vite/src/node/plugins/css.ts
+++ b/packages/vite/src/node/plugins/css.ts
@@ -12,10 +12,10 @@ import {
   normalizePath,
   processSrcSet
 } from '../utils'
-import { Plugin } from '../plugin'
-import { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
+import type { ResolvedConfig } from '../config'
 import postcssrc from 'postcss-load-config'
-import {
+import type {
   NormalizedOutputOptions,
   OutputChunk,
   RenderedChunk,
@@ -25,7 +25,7 @@ import {
 import { dataToEsm } from '@rollup/pluginutils'
 import chalk from 'chalk'
 import { CLIENT_PUBLIC_PATH } from '../constants'
-import { ResolveFn, ViteDevServer } from '../'
+import type { ResolveFn, ViteDevServer } from '../'
 import {
   getAssetFilename,
   assetUrlRE,
@@ -34,13 +34,13 @@ import {
   checkPublicFile
 } from './asset'
 import MagicString from 'magic-string'
-import * as Postcss from 'postcss'
+import type * as Postcss from 'postcss'
 import type Sass from 'sass'
 // We need to disable check of extraneous import which is buggy for stylus,
 // and causes the CI tests fail, see: https://github.com/vitejs/vite/pull/2860
 import type Stylus from 'stylus' // eslint-disable-line node/no-extraneous-import
 import type Less from 'less'
-import { Alias } from 'types/alias'
+import type { Alias } from 'types/alias'
 import type { ModuleNode } from '../server/moduleGraph'
 import { transform, formatMessages } from 'esbuild'
 
diff --git a/packages/vite/src/node/plugins/dataUri.ts b/packages/vite/src/node/plugins/dataUri.ts
index 5c35610f627327..5f5f40146097df 100644
--- a/packages/vite/src/node/plugins/dataUri.ts
+++ b/packages/vite/src/node/plugins/dataUri.ts
@@ -1,7 +1,7 @@
 // This is based on @rollup/plugin-data-uri
 // MIT Licensed https://github.com/rollup/plugins/blob/master/LICENSE
 // ref https://github.com/vitejs/vite/issues/1428#issuecomment-757033808
-import { Plugin } from '../plugin'
+import type { Plugin } from '../plugin'
 import { URL } from 'url'
 
 const dataUriRE = /^([^/]+\/[^;,]+)(;base64)?,([\s\S]*)$/
diff --git a/packages/vite/src/node/plugins/define.ts b/packages/vite/src/node/plugins/define.ts
index e520a88890e293..d70eba6fb0deb6 100644
--- a/packages/vite/src/node/plugins/define.ts
+++ b/packages/vite/src/node/plugins/define.ts
@@ -1,7 +1,7 @@
 import MagicString from 'magic-string'
-import { TransformResult } from 'rollup'
-import { ResolvedConfig } from '../config'
-import { Plugin } from '../plugin'
+import type { TransformResult } from 'rollup'
+import type { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
 import { isCSSRequest } from './css'
 
 export function definePlugin(config: ResolvedConfig): Plugin {
diff --git a/packages/vite/src/node/plugins/esbuild.ts b/packages/vite/src/node/plugins/esbuild.ts
index 4fd8db24c37959..7d7e956820f230 100644
--- a/packages/vite/src/node/plugins/esbuild.ts
+++ b/packages/vite/src/node/plugins/esbuild.ts
@@ -1,13 +1,13 @@
 import path from 'path'
 import chalk from 'chalk'
-import { Plugin } from '../plugin'
-import {
-  transform,
+import type { Plugin } from '../plugin'
+import type {
   Message,
   Loader,
   TransformOptions,
   TransformResult
 } from 'esbuild'
+import { transform } from 'esbuild'
 import {
   cleanUrl,
   createDebugger,
@@ -15,12 +15,13 @@ import {
   generateCodeFrame,
   toUpperCaseDriveLetter
 } from '../utils'
-import { RawSourceMap } from '@ampproject/remapping/dist/types/types'
-import { SourceMap } from 'rollup'
-import { ResolvedConfig, ViteDevServer } from '..'
+import type { RawSourceMap } from '@ampproject/remapping/dist/types/types'
+import type { SourceMap } from 'rollup'
+import type { ResolvedConfig, ViteDevServer } from '..'
 import { createFilter } from '@rollup/pluginutils'
 import { combineSourcemaps } from '../utils'
-import { parse, TSConfckParseError, TSConfckParseResult } from 'tsconfck'
+import type { TSConfckParseResult } from 'tsconfck'
+import { parse, TSConfckParseError } from 'tsconfck'
 
 const debug = createDebugger('vite:esbuild')
 
diff --git a/packages/vite/src/node/plugins/html.ts b/packages/vite/src/node/plugins/html.ts
index 1ddc494fdb64c0..7a4a55a12348d1 100644
--- a/packages/vite/src/node/plugins/html.ts
+++ b/packages/vite/src/node/plugins/html.ts
@@ -1,7 +1,7 @@
 import path from 'path'
-import { Plugin } from '../plugin'
-import { ViteDevServer } from '../server'
-import { OutputAsset, OutputBundle, OutputChunk } from 'rollup'
+import type { Plugin } from '../plugin'
+import type { ViteDevServer } from '../server'
+import type { OutputAsset, OutputBundle, OutputChunk } from 'rollup'
 import {
   cleanUrl,
   generateCodeFrame,
@@ -11,7 +11,7 @@ import {
   processSrcSet,
   slash
 } from '../utils'
-import { ResolvedConfig } from '../config'
+import type { ResolvedConfig } from '../config'
 import MagicString from 'magic-string'
 import {
   checkPublicFile,
@@ -21,12 +21,12 @@ import {
 } from './asset'
 import { isCSSRequest, chunkToEmittedCssFileMap } from './css'
 import { modulePreloadPolyfillId } from './modulePreloadPolyfill'
-import {
+import type {
   AttributeNode,
   NodeTransform,
-  NodeTypes,
   ElementNode
 } from '@vue/compiler-dom'
+import { NodeTypes } from '@vue/compiler-dom'
 
 const htmlProxyRE = /\?html-proxy&index=(\d+)\.js$/
 export const isHTMLProxy = (id: string): boolean => htmlProxyRE.test(id)
diff --git a/packages/vite/src/node/plugins/importAnalysis.ts b/packages/vite/src/node/plugins/importAnalysis.ts
index 13bb8967279af1..d0882a9d864a33 100644
--- a/packages/vite/src/node/plugins/importAnalysis.ts
+++ b/packages/vite/src/node/plugins/importAnalysis.ts
@@ -1,10 +1,11 @@
 import fs from 'fs'
 import path from 'path'
-import { Plugin } from '../plugin'
-import { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
+import type { ResolvedConfig } from '../config'
 import chalk from 'chalk'
 import MagicString from 'magic-string'
-import { init, parse as parseImports, ImportSpecifier } from 'es-module-lexer'
+import type { ImportSpecifier } from 'es-module-lexer'
+import { init, parse as parseImports } from 'es-module-lexer'
 import { isCSSRequest, isDirectCSSRequest } from './css'
 import {
   isBuiltin,
@@ -35,7 +36,7 @@ import {
   VALID_ID_PREFIX,
   NULL_BYTE_PLACEHOLDER
 } from '../constants'
-import { ViteDevServer } from '..'
+import type { ViteDevServer } from '..'
 import { checkPublicFile } from './asset'
 import { parse as parseJS } from 'acorn'
 import type { Node } from 'estree'
diff --git a/packages/vite/src/node/plugins/importAnalysisBuild.ts b/packages/vite/src/node/plugins/importAnalysisBuild.ts
index d3a7229d4eb777..bb5b50f93cdbb9 100644
--- a/packages/vite/src/node/plugins/importAnalysisBuild.ts
+++ b/packages/vite/src/node/plugins/importAnalysisBuild.ts
@@ -1,9 +1,10 @@
 import path from 'path'
-import { ResolvedConfig } from '../config'
-import { Plugin } from '../plugin'
+import type { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
 import MagicString from 'magic-string'
-import { ImportSpecifier, init, parse as parseImports } from 'es-module-lexer'
-import { OutputChunk } from 'rollup'
+import type { ImportSpecifier } from 'es-module-lexer'
+import { init, parse as parseImports } from 'es-module-lexer'
+import type { OutputChunk } from 'rollup'
 import {
   chunkToEmittedCssFileMap,
   isCSSRequest,
diff --git a/packages/vite/src/node/plugins/index.ts b/packages/vite/src/node/plugins/index.ts
index 54a7ae8589b2a6..3c3649e3b1fc85 100644
--- a/packages/vite/src/node/plugins/index.ts
+++ b/packages/vite/src/node/plugins/index.ts
@@ -1,5 +1,5 @@
-import { ResolvedConfig } from '../config'
-import { Plugin } from '../plugin'
+import type { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
 import aliasPlugin from '@rollup/plugin-alias'
 import { jsonPlugin } from './json'
 import { resolvePlugin } from './resolve'
diff --git a/packages/vite/src/node/plugins/json.ts b/packages/vite/src/node/plugins/json.ts
index d3add60733677f..f8419c40f36174 100644
--- a/packages/vite/src/node/plugins/json.ts
+++ b/packages/vite/src/node/plugins/json.ts
@@ -7,7 +7,7 @@
  */
 
 import { dataToEsm } from '@rollup/pluginutils'
-import { Plugin } from 'rollup'
+import type { Plugin } from 'rollup'
 import { SPECIAL_QUERY_RE } from '../constants'
 
 export interface JsonOptions {
diff --git a/packages/vite/src/node/plugins/loadFallback.ts b/packages/vite/src/node/plugins/loadFallback.ts
index 9867ccbfd106e7..aedd611ec40118 100644
--- a/packages/vite/src/node/plugins/loadFallback.ts
+++ b/packages/vite/src/node/plugins/loadFallback.ts
@@ -1,5 +1,5 @@
 import { promises as fs } from 'fs'
-import { Plugin } from '..'
+import type { Plugin } from '..'
 import { cleanUrl } from '../utils'
 
 /**
diff --git a/packages/vite/src/node/plugins/manifest.ts b/packages/vite/src/node/plugins/manifest.ts
index 77b09d62f484c7..782bc317a2c5af 100644
--- a/packages/vite/src/node/plugins/manifest.ts
+++ b/packages/vite/src/node/plugins/manifest.ts
@@ -1,7 +1,7 @@
 import path from 'path'
-import { OutputChunk } from 'rollup'
-import { ResolvedConfig } from '..'
-import { Plugin } from '../plugin'
+import type { OutputChunk } from 'rollup'
+import type { ResolvedConfig } from '..'
+import type { Plugin } from '../plugin'
 import { chunkToEmittedCssFileMap } from './css'
 import { chunkToEmittedAssetsMap } from './asset'
 import { normalizePath } from '../utils'
diff --git a/packages/vite/src/node/plugins/modulePreloadPolyfill.ts b/packages/vite/src/node/plugins/modulePreloadPolyfill.ts
index f5bfe9a36a39a9..0ad1ed2e0d30a4 100644
--- a/packages/vite/src/node/plugins/modulePreloadPolyfill.ts
+++ b/packages/vite/src/node/plugins/modulePreloadPolyfill.ts
@@ -1,5 +1,5 @@
-import { ResolvedConfig } from '..'
-import { Plugin } from '../plugin'
+import type { ResolvedConfig } from '..'
+import type { Plugin } from '../plugin'
 import { isModernFlag } from './importAnalysisBuild'
 
 export const modulePreloadPolyfillId = 'vite/modulepreload-polyfill'
diff --git a/packages/vite/src/node/plugins/preAlias.ts b/packages/vite/src/node/plugins/preAlias.ts
index f194a8c29c78d7..75a0d8e5e6f9dc 100644
--- a/packages/vite/src/node/plugins/preAlias.ts
+++ b/packages/vite/src/node/plugins/preAlias.ts
@@ -1,5 +1,5 @@
-import { ViteDevServer } from '..'
-import { Plugin } from '../plugin'
+import type { ViteDevServer } from '..'
+import type { Plugin } from '../plugin'
 import { bareImportRE } from '../utils'
 import { tryOptimizedResolve } from './resolve'
 
diff --git a/packages/vite/src/node/plugins/reporter.ts b/packages/vite/src/node/plugins/reporter.ts
index d16aec2e564491..9ec9be45290862 100644
--- a/packages/vite/src/node/plugins/reporter.ts
+++ b/packages/vite/src/node/plugins/reporter.ts
@@ -2,8 +2,8 @@ import path from 'path'
 import chalk from 'chalk'
 import { gzip } from 'zlib'
 import { promisify } from 'util'
-import { Plugin } from 'rollup'
-import { ResolvedConfig } from '../config'
+import type { Plugin } from 'rollup'
+import type { ResolvedConfig } from '../config'
 import { normalizePath } from '../utils'
 import { LogLevels } from '../logger'
 
diff --git a/packages/vite/src/node/plugins/resolve.ts b/packages/vite/src/node/plugins/resolve.ts
index 74cc7f0ea7109b..1421c36f6c59e7 100644
--- a/packages/vite/src/node/plugins/resolve.ts
+++ b/packages/vite/src/node/plugins/resolve.ts
@@ -1,6 +1,6 @@
 import fs from 'fs'
 import path from 'path'
-import { Plugin } from '../plugin'
+import type { Plugin } from '../plugin'
 import chalk from 'chalk'
 import {
   FS_PREFIX,
@@ -29,15 +29,11 @@ import {
   isPossibleTsOutput,
   getTsSrcPath
 } from '../utils'
-import { ViteDevServer, SSROptions } from '..'
-import { PartialResolvedId } from 'rollup'
+import type { ViteDevServer, SSROptions } from '..'
+import type { PartialResolvedId } from 'rollup'
 import { resolve as _resolveExports } from 'resolve.exports'
-import {
-  loadPackageData,
-  PackageCache,
-  PackageData,
-  resolvePackageData
-} from '../packages'
+import type { PackageCache, PackageData } from '../packages'
+import { loadPackageData, resolvePackageData } from '../packages'
 
 // special id for paths marked with browser: false
 // https://github.com/defunctzombie/package-browser-field-spec#ignore-a-module
diff --git a/packages/vite/src/node/plugins/ssrRequireHook.ts b/packages/vite/src/node/plugins/ssrRequireHook.ts
index 096b688012b0d2..3e29e34bf4fffd 100644
--- a/packages/vite/src/node/plugins/ssrRequireHook.ts
+++ b/packages/vite/src/node/plugins/ssrRequireHook.ts
@@ -1,6 +1,6 @@
 import MagicString from 'magic-string'
-import { ResolvedConfig } from '..'
-import { Plugin } from '../plugin'
+import type { ResolvedConfig } from '..'
+import type { Plugin } from '../plugin'
 import { arraify } from '../utils'
 
 /**
diff --git a/packages/vite/src/node/plugins/terser.ts b/packages/vite/src/node/plugins/terser.ts
index 253dc437aeafa3..eb8864a2e00001 100644
--- a/packages/vite/src/node/plugins/terser.ts
+++ b/packages/vite/src/node/plugins/terser.ts
@@ -1,7 +1,7 @@
-import { Plugin } from '../plugin'
+import type { Plugin } from '../plugin'
 import { Worker } from 'okie'
-import { Terser } from 'types/terser'
-import { ResolvedConfig } from '..'
+import type { Terser } from 'types/terser'
+import type { ResolvedConfig } from '..'
 
 export function terserPlugin(config: ResolvedConfig): Plugin {
   const worker = new Worker(
diff --git a/packages/vite/src/node/plugins/wasm.ts b/packages/vite/src/node/plugins/wasm.ts
index 753dc1813817c0..1f64434a5b9781 100644
--- a/packages/vite/src/node/plugins/wasm.ts
+++ b/packages/vite/src/node/plugins/wasm.ts
@@ -1,5 +1,5 @@
-import { ResolvedConfig } from '../config'
-import { Plugin } from '../plugin'
+import type { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
 import { fileToUrl } from './asset'
 
 const wasmHelperId = '/__vite-wasm-helper'
diff --git a/packages/vite/src/node/plugins/worker.ts b/packages/vite/src/node/plugins/worker.ts
index 799233088d6b13..456b2a623001d4 100644
--- a/packages/vite/src/node/plugins/worker.ts
+++ b/packages/vite/src/node/plugins/worker.ts
@@ -1,10 +1,10 @@
-import { ResolvedConfig } from '../config'
-import { Plugin } from '../plugin'
+import type { ResolvedConfig } from '../config'
+import type { Plugin } from '../plugin'
 import { resolvePlugins } from '../plugins'
 import { parse as parseUrl, URLSearchParams } from 'url'
 import { fileToUrl, getAssetHash } from './asset'
 import { cleanUrl, injectQuery } from '../utils'
-import Rollup from 'rollup'
+import type Rollup from 'rollup'
 import { ENV_PUBLIC_PATH } from '../constants'
 import path from 'path'
 import { onRollupWarning } from '../build'
diff --git a/packages/vite/src/node/preview.ts b/packages/vite/src/node/preview.ts
index 20a37b9abbee0b..31d377ed992c76 100644
--- a/packages/vite/src/node/preview.ts
+++ b/packages/vite/src/node/preview.ts
@@ -2,16 +2,13 @@ import path from 'path'
 import sirv from 'sirv'
 import connect from 'connect'
 import compression from 'compression'
-import { Server } from 'http'
-import { resolveConfig, InlineConfig, ResolvedConfig } from '.'
-import { Connect } from 'types/connect'
-import { ResolvedServerOptions } from './server'
-import {
-  resolveHttpsConfig,
-  resolveHttpServer,
-  httpServerStart,
-  CommonServerOptions
-} from './http'
+import type { Server } from 'http'
+import type { InlineConfig, ResolvedConfig } from '.'
+import { resolveConfig } from '.'
+import type { Connect } from 'types/connect'
+import type { ResolvedServerOptions } from './server'
+import type { CommonServerOptions } from './http'
+import { resolveHttpsConfig, resolveHttpServer, httpServerStart } from './http'
 import { openBrowser } from './server/openBrowser'
 import corsMiddleware from 'cors'
 import { proxyMiddleware } from './server/middlewares/proxy'
diff --git a/packages/vite/src/node/server/__tests__/pluginContainer.spec.ts b/packages/vite/src/node/server/__tests__/pluginContainer.spec.ts
index a4d53fee0a0e08..444f9c65235419 100644
--- a/packages/vite/src/node/server/__tests__/pluginContainer.spec.ts
+++ b/packages/vite/src/node/server/__tests__/pluginContainer.spec.ts
@@ -1,7 +1,9 @@
-import { resolveConfig, UserConfig } from '../../config'
-import { Plugin } from '../../plugin'
+import type { UserConfig } from '../../config'
+import { resolveConfig } from '../../config'
+import type { Plugin } from '../../plugin'
 import { ModuleGraph } from '../moduleGraph'
-import { createPluginContainer, PluginContainer } from '../pluginContainer'
+import type { PluginContainer } from '../pluginContainer'
+import { createPluginContainer } from '../pluginContainer'
 
 let resolveId: (id: string) => any
 let moduleGraph: ModuleGraph
diff --git a/packages/vite/src/node/server/hmr.ts b/packages/vite/src/node/server/hmr.ts
index 4c8f26a4a57a16..a001a2e718d6b1 100644
--- a/packages/vite/src/node/server/hmr.ts
+++ b/packages/vite/src/node/server/hmr.ts
@@ -1,14 +1,14 @@
 import fs from 'fs'
 import path from 'path'
 import chalk from 'chalk'
-import { ViteDevServer } from '..'
+import type { ViteDevServer } from '..'
 import { createDebugger, normalizePath } from '../utils'
-import { ModuleNode } from './moduleGraph'
-import { Update } from 'types/hmrPayload'
+import type { ModuleNode } from './moduleGraph'
+import type { Update } from 'types/hmrPayload'
 import { CLIENT_DIR } from '../constants'
-import { RollupError } from 'rollup'
+import type { RollupError } from 'rollup'
 import { isMatch } from 'micromatch'
-import { Server } from 'http'
+import type { Server } from 'http'
 import { isCSSRequest } from '../plugins/css'
 
 export const debugHmr = createDebugger('vite:hmr')
diff --git a/packages/vite/src/node/server/index.ts b/packages/vite/src/node/server/index.ts
index b186285ffeff0b..5d2412a754a086 100644
--- a/packages/vite/src/node/server/index.ts
+++ b/packages/vite/src/node/server/index.ts
@@ -1,22 +1,21 @@
 import fs from 'fs'
 import path from 'path'
-import * as net from 'net'
-import * as http from 'http'
+import type * as net from 'net'
+import type * as http from 'http'
 import connect from 'connect'
 import corsMiddleware from 'cors'
 import chalk from 'chalk'
-import { AddressInfo } from 'net'
+import type { AddressInfo } from 'net'
 import chokidar from 'chokidar'
-import {
-  resolveHttpsConfig,
-  resolveHttpServer,
-  httpServerStart,
-  CommonServerOptions
-} from '../http'
-import { resolveConfig, InlineConfig, ResolvedConfig } from '../config'
-import { createPluginContainer, PluginContainer } from './pluginContainer'
-import { FSWatcher, WatchOptions } from 'types/chokidar'
-import { createWebSocketServer, WebSocketServer } from './ws'
+import type { CommonServerOptions } from '../http'
+import { resolveHttpsConfig, resolveHttpServer, httpServerStart } from '../http'
+import type { InlineConfig, ResolvedConfig } from '../config'
+import { resolveConfig } from '../config'
+import type { PluginContainer } from './pluginContainer'
+import { createPluginContainer } from './pluginContainer'
+import type { FSWatcher, WatchOptions } from 'types/chokidar'
+import type { WebSocketServer } from './ws'
+import { createWebSocketServer } from './ws'
 import { baseMiddleware } from './middlewares/base'
 import { proxyMiddleware } from './middlewares/proxy'
 import { spaFallbackMiddleware } from './middlewares/spaFallback'
@@ -31,24 +30,22 @@ import {
   serveStaticMiddleware
 } from './middlewares/static'
 import { timeMiddleware } from './middlewares/time'
-import { ModuleGraph, ModuleNode } from './moduleGraph'
-import { Connect } from 'types/connect'
+import type { ModuleNode } from './moduleGraph'
+import { ModuleGraph } from './moduleGraph'
+import type { Connect } from 'types/connect'
 import { ensureLeadingSlash, normalizePath } from '../utils'
 import { errorMiddleware, prepareError } from './middlewares/error'
-import { handleHMRUpdate, HmrOptions, handleFileAddUnlink } from './hmr'
+import type { HmrOptions } from './hmr'
+import { handleHMRUpdate, handleFileAddUnlink } from './hmr'
 import { openBrowser } from './openBrowser'
 import launchEditorMiddleware from 'launch-editor-middleware'
-import {
-  TransformOptions,
-  TransformResult,
-  transformRequest
-} from './transformRequest'
-import {
-  transformWithEsbuild,
-  ESBuildTransformResult
-} from '../plugins/esbuild'
-import { TransformOptions as EsbuildTransformOptions } from 'esbuild'
-import { DepOptimizationMetadata, optimizeDeps } from '../optimizer'
+import type { TransformOptions, TransformResult } from './transformRequest'
+import { transformRequest } from './transformRequest'
+import type { ESBuildTransformResult } from '../plugins/esbuild'
+import { transformWithEsbuild } from '../plugins/esbuild'
+import type { TransformOptions as EsbuildTransformOptions } from 'esbuild'
+import type { DepOptimizationMetadata } from '../optimizer'
+import { optimizeDeps } from '../optimizer'
 import { ssrLoadModule } from '../ssr/ssrModuleLoader'
 import { resolveSSRExternal } from '../ssr/ssrExternal'
 import {
@@ -63,7 +60,7 @@ import { CLIENT_DIR } from '../constants'
 import { printCommonServerUrls } from '../logger'
 import { performance } from 'perf_hooks'
 import { invalidatePackageData } from '../packages'
-import { SourceMap } from 'rollup'
+import type { SourceMap } from 'rollup'
 
 export { searchForWorkspaceRoot } from './searchRoot'
 
diff --git a/packages/vite/src/node/server/middlewares/base.ts b/packages/vite/src/node/server/middlewares/base.ts
index 869e460c4f4d93..d37e5d3e60794b 100644
--- a/packages/vite/src/node/server/middlewares/base.ts
+++ b/packages/vite/src/node/server/middlewares/base.ts
@@ -1,6 +1,6 @@
 import { parse as parseUrl } from 'url'
-import { ViteDevServer } from '..'
-import { Connect } from 'types/connect'
+import type { ViteDevServer } from '..'
+import type { Connect } from 'types/connect'
 
 // this middleware is only active when (config.base !== '/')
 
diff --git a/packages/vite/src/node/server/middlewares/error.ts b/packages/vite/src/node/server/middlewares/error.ts
index eab03a7e0206c2..ae24c9a7b81e44 100644
--- a/packages/vite/src/node/server/middlewares/error.ts
+++ b/packages/vite/src/node/server/middlewares/error.ts
@@ -1,10 +1,10 @@
 import chalk from 'chalk'
-import { RollupError } from 'rollup'
-import { ViteDevServer } from '../..'
-import { Connect } from 'types/connect'
+import type { RollupError } from 'rollup'
+import type { ViteDevServer } from '../..'
+import type { Connect } from 'types/connect'
 import { pad } from '../../utils'
 import strip from 'strip-ansi'
-import { ErrorPayload } from 'types/hmrPayload'
+import type { ErrorPayload } from 'types/hmrPayload'
 
 export function prepareError(err: Error | RollupError): ErrorPayload['err'] {
   // only copy the information we need and avoid serializing unnecessary
diff --git a/packages/vite/src/node/server/middlewares/indexHtml.ts b/packages/vite/src/node/server/middlewares/indexHtml.ts
index e257628a35a746..10646bef8efd08 100644
--- a/packages/vite/src/node/server/middlewares/indexHtml.ts
+++ b/packages/vite/src/node/server/middlewares/indexHtml.ts
@@ -1,18 +1,19 @@
 import fs from 'fs'
 import path from 'path'
 import MagicString from 'magic-string'
-import { AttributeNode, NodeTypes } from '@vue/compiler-dom'
-import { Connect } from 'types/connect'
+import type { AttributeNode } from '@vue/compiler-dom'
+import { NodeTypes } from '@vue/compiler-dom'
+import type { Connect } from 'types/connect'
+import type { IndexHtmlTransformHook } from '../../plugins/html'
 import {
   addToHTMLProxyCache,
   applyHtmlTransforms,
   assetAttrsConfig,
   getScriptInfo,
-  IndexHtmlTransformHook,
   resolveHtmlTransforms,
   traverseHtml
 } from '../../plugins/html'
-import { ResolvedConfig, ViteDevServer } from '../..'
+import type { ResolvedConfig, ViteDevServer } from '../..'
 import { send } from '../send'
 import { CLIENT_PUBLIC_PATH, FS_PREFIX } from '../../constants'
 import { cleanUrl, fsPathFromId, normalizePath, injectQuery } from '../../utils'
diff --git a/packages/vite/src/node/server/middlewares/proxy.ts b/packages/vite/src/node/server/middlewares/proxy.ts
index b8c653fdfb4eda..6aa96bc54082e3 100644
--- a/packages/vite/src/node/server/middlewares/proxy.ts
+++ b/packages/vite/src/node/server/middlewares/proxy.ts
@@ -1,11 +1,11 @@
-import * as http from 'http'
+import type * as http from 'http'
 import { createDebugger, isObject } from '../../utils'
 import httpProxy from 'http-proxy'
 import { HMR_HEADER } from '../ws'
-import { Connect } from 'types/connect'
-import { HttpProxy } from 'types/http-proxy'
+import type { Connect } from 'types/connect'
+import type { HttpProxy } from 'types/http-proxy'
 import chalk from 'chalk'
-import { ResolvedConfig } from '../..'
+import type { ResolvedConfig } from '../..'
 
 const debug = createDebugger('vite:proxy')
 
diff --git a/packages/vite/src/node/server/middlewares/spaFallback.ts b/packages/vite/src/node/server/middlewares/spaFallback.ts
index 5d6e4ff8c5b5c4..1aade764d6993a 100644
--- a/packages/vite/src/node/server/middlewares/spaFallback.ts
+++ b/packages/vite/src/node/server/middlewares/spaFallback.ts
@@ -1,7 +1,7 @@
 import fs from 'fs'
 import history from 'connect-history-api-fallback'
 import path from 'path'
-import { Connect } from 'types/connect'
+import type { Connect } from 'types/connect'
 import { createDebugger } from '../../utils'
 
 export function spaFallbackMiddleware(
diff --git a/packages/vite/src/node/server/middlewares/static.ts b/packages/vite/src/node/server/middlewares/static.ts
index 9411e8a09a95dc..0b8e2db93255ed 100644
--- a/packages/vite/src/node/server/middlewares/static.ts
+++ b/packages/vite/src/node/server/middlewares/static.ts
@@ -1,8 +1,10 @@
 import path from 'path'
-import { ServerResponse } from 'http'
-import sirv, { Options } from 'sirv'
-import { Connect } from 'types/connect'
-import { normalizePath, ViteDevServer } from '../..'
+import type { ServerResponse } from 'http'
+import type { Options } from 'sirv'
+import sirv from 'sirv'
+import type { Connect } from 'types/connect'
+import type { ViteDevServer } from '../..'
+import { normalizePath } from '../..'
 import { FS_PREFIX } from '../../constants'
 import {
   cleanUrl,
diff --git a/packages/vite/src/node/server/middlewares/time.ts b/packages/vite/src/node/server/middlewares/time.ts
index b551b846071631..64124ab58c70c7 100644
--- a/packages/vite/src/node/server/middlewares/time.ts
+++ b/packages/vite/src/node/server/middlewares/time.ts
@@ -1,5 +1,5 @@
 import { performance } from 'perf_hooks'
-import { Connect } from 'types/connect'
+import type { Connect } from 'types/connect'
 import { createDebugger, prettifyUrl, timeFrom } from '../../utils'
 
 const logTime = createDebugger('vite:time')
diff --git a/packages/vite/src/node/server/middlewares/transform.ts b/packages/vite/src/node/server/middlewares/transform.ts
index df7f21223a19b9..c4abf73e764cbe 100644
--- a/packages/vite/src/node/server/middlewares/transform.ts
+++ b/packages/vite/src/node/server/middlewares/transform.ts
@@ -1,6 +1,6 @@
 import path from 'path'
-import { ViteDevServer } from '..'
-import { Connect } from 'types/connect'
+import type { ViteDevServer } from '..'
+import type { Connect } from 'types/connect'
 import {
   cleanUrl,
   createDebugger,
diff --git a/packages/vite/src/node/server/moduleGraph.ts b/packages/vite/src/node/server/moduleGraph.ts
index 7185304e45b951..6b7bd778d62045 100644
--- a/packages/vite/src/node/server/moduleGraph.ts
+++ b/packages/vite/src/node/server/moduleGraph.ts
@@ -1,5 +1,5 @@
 import { extname } from 'path'
-import { ModuleInfo, PartialResolvedId } from 'rollup'
+import type { ModuleInfo, PartialResolvedId } from 'rollup'
 import { parse as parseUrl } from 'url'
 import { isDirectCSSRequest } from '../plugins/css'
 import {
@@ -9,7 +9,7 @@ import {
   removeTimestampQuery
 } from '../utils'
 import { FS_PREFIX } from '../constants'
-import { TransformResult } from './transformRequest'
+import type { TransformResult } from './transformRequest'
 
 export class ModuleNode {
   /**
diff --git a/packages/vite/src/node/server/openBrowser.ts b/packages/vite/src/node/server/openBrowser.ts
index 658e7ab3e859eb..171755d465af4f 100644
--- a/packages/vite/src/node/server/openBrowser.ts
+++ b/packages/vite/src/node/server/openBrowser.ts
@@ -13,7 +13,7 @@ import open from 'open'
 import execa from 'execa'
 import chalk from 'chalk'
 import { execSync } from 'child_process'
-import { Logger } from '../logger'
+import type { Logger } from '../logger'
 
 // https://github.com/sindresorhus/open#app
 const OSX_CHROME = 'google chrome'
diff --git a/packages/vite/src/node/server/pluginContainer.ts b/packages/vite/src/node/server/pluginContainer.ts
index 91f0f81201ace1..a0a3cc18d7dabe 100644
--- a/packages/vite/src/node/server/pluginContainer.ts
+++ b/packages/vite/src/node/server/pluginContainer.ts
@@ -31,8 +31,8 @@ SOFTWARE.
 
 import fs from 'fs'
 import { resolve, join } from 'path'
-import { Plugin } from '../plugin'
-import {
+import type { Plugin } from '../plugin'
+import type {
   InputOptions,
   MinimalPluginContext,
   OutputOptions,
@@ -51,10 +51,10 @@ import {
 import * as acorn from 'acorn'
 import acornClassFields from 'acorn-class-fields'
 import acornStaticClassFeatures from 'acorn-static-class-features'
-import { RawSourceMap } from '@ampproject/remapping/dist/types/types'
+import type { RawSourceMap } from '@ampproject/remapping/dist/types/types'
 import { combineSourcemaps } from '../utils'
 import MagicString from 'magic-string'
-import { FSWatcher } from 'chokidar'
+import type { FSWatcher } from 'chokidar'
 import {
   createDebugger,
   ensureWatchedFile,
@@ -68,9 +68,9 @@ import {
 } from '../utils'
 import { FS_PREFIX } from '../constants'
 import chalk from 'chalk'
-import { ResolvedConfig } from '../config'
+import type { ResolvedConfig } from '../config'
 import { buildErrorMessage } from './middlewares/error'
-import { ModuleGraph } from './moduleGraph'
+import type { ModuleGraph } from './moduleGraph'
 import { performance } from 'perf_hooks'
 
 export interface PluginContainerOptions {
diff --git a/packages/vite/src/node/server/send.ts b/packages/vite/src/node/server/send.ts
index 777e91abf9438c..4f11a9f2c1f21c 100644
--- a/packages/vite/src/node/server/send.ts
+++ b/packages/vite/src/node/server/send.ts
@@ -1,6 +1,6 @@
-import { IncomingMessage, ServerResponse } from 'http'
+import type { IncomingMessage, ServerResponse } from 'http'
 import getEtag from 'etag'
-import { SourceMap } from 'rollup'
+import type { SourceMap } from 'rollup'
 
 const isDebug = process.env.DEBUG
 
diff --git a/packages/vite/src/node/server/sourcemap.ts b/packages/vite/src/node/server/sourcemap.ts
index 9f9eafbc130a84..c6fc3b1f2579bf 100644
--- a/packages/vite/src/node/server/sourcemap.ts
+++ b/packages/vite/src/node/server/sourcemap.ts
@@ -1,6 +1,6 @@
 import path from 'path'
 import { promises as fs } from 'fs'
-import { Logger } from '../logger'
+import type { Logger } from '../logger'
 import { createDebugger } from '../utils'
 
 const isDebug = !!process.env.DEBUG
diff --git a/packages/vite/src/node/server/transformRequest.ts b/packages/vite/src/node/server/transformRequest.ts
index 4381529dba1c8e..df0e91765a787d 100644
--- a/packages/vite/src/node/server/transformRequest.ts
+++ b/packages/vite/src/node/server/transformRequest.ts
@@ -2,8 +2,8 @@ import { promises as fs } from 'fs'
 import path from 'path'
 import getEtag from 'etag'
 import * as convertSourceMap from 'convert-source-map'
-import { SourceDescription, SourceMap } from 'rollup'
-import { ViteDevServer } from '..'
+import type { SourceDescription, SourceMap } from 'rollup'
+import type { ViteDevServer } from '..'
 import chalk from 'chalk'
 import {
   createDebugger,
diff --git a/packages/vite/src/node/server/ws.ts b/packages/vite/src/node/server/ws.ts
index 598216df700296..fbe1cf980e9276 100644
--- a/packages/vite/src/node/server/ws.ts
+++ b/packages/vite/src/node/server/ws.ts
@@ -1,15 +1,15 @@
 import chalk from 'chalk'
-import { Server, STATUS_CODES } from 'http'
-import {
-  createServer as createHttpsServer,
-  ServerOptions as HttpsServerOptions
-} from 'https'
-import { WebSocketServer as WebSocket, ServerOptions } from 'ws'
-import { WebSocket as WebSocketTypes } from 'types/ws'
-import { ErrorPayload, HMRPayload } from 'types/hmrPayload'
-import { ResolvedConfig } from '..'
+import type { Server } from 'http'
+import { STATUS_CODES } from 'http'
+import type { ServerOptions as HttpsServerOptions } from 'https'
+import { createServer as createHttpsServer } from 'https'
+import type { ServerOptions } from 'ws'
+import { WebSocketServer as WebSocket } from 'ws'
+import type { WebSocket as WebSocketTypes } from 'types/ws'
+import type { ErrorPayload, HMRPayload } from 'types/hmrPayload'
+import type { ResolvedConfig } from '..'
 import { isObject } from '../utils'
-import { Socket } from 'net'
+import type { Socket } from 'net'
 export const HMR_HEADER = 'vite-hmr'
 
 export interface WebSocketServer {
diff --git a/packages/vite/src/node/ssr/ssrExternal.ts b/packages/vite/src/node/ssr/ssrExternal.ts
index b6d98aad5f1565..0e2eade85c21f1 100644
--- a/packages/vite/src/node/ssr/ssrExternal.ts
+++ b/packages/vite/src/node/ssr/ssrExternal.ts
@@ -1,6 +1,7 @@
 import fs from 'fs'
 import path from 'path'
-import { tryNodeResolve, InternalResolveOptions } from '../plugins/resolve'
+import type { InternalResolveOptions } from '../plugins/resolve'
+import { tryNodeResolve } from '../plugins/resolve'
 import {
   createDebugger,
   isDefined,
@@ -8,7 +9,7 @@ import {
   normalizePath,
   resolveFrom
 } from '../utils'
-import { Logger, ResolvedConfig } from '..'
+import type { Logger, ResolvedConfig } from '..'
 import { createFilter } from '@rollup/pluginutils'
 
 const debug = createDebugger('vite:ssr-external')
diff --git a/packages/vite/src/node/ssr/ssrManifestPlugin.ts b/packages/vite/src/node/ssr/ssrManifestPlugin.ts
index 76b2a1f561962c..061cd2f419c6ba 100644
--- a/packages/vite/src/node/ssr/ssrManifestPlugin.ts
+++ b/packages/vite/src/node/ssr/ssrManifestPlugin.ts
@@ -1,7 +1,7 @@
 import { relative } from 'path'
 import { normalizePath } from '@rollup/pluginutils'
-import { ResolvedConfig } from '..'
-import { Plugin } from '../plugin'
+import type { ResolvedConfig } from '..'
+import type { Plugin } from '../plugin'
 import { chunkToEmittedCssFileMap } from '../plugins/css'
 import { chunkToEmittedAssetsMap } from '../plugins/asset'
 
diff --git a/packages/vite/src/node/ssr/ssrModuleLoader.ts b/packages/vite/src/node/ssr/ssrModuleLoader.ts
index 0627e1e98ae4f9..69fddfbcd7bd0c 100644
--- a/packages/vite/src/node/ssr/ssrModuleLoader.ts
+++ b/packages/vite/src/node/ssr/ssrModuleLoader.ts
@@ -1,6 +1,6 @@
 import path from 'path'
 import { pathToFileURL } from 'url'
-import { ViteDevServer } from '../server'
+import type { ViteDevServer } from '../server'
 import {
   dynamicImport,
   isBuiltin,
@@ -16,7 +16,8 @@ import {
   ssrDynamicImportKey
 } from './ssrTransform'
 import { transformRequest } from '../server/transformRequest'
-import { InternalResolveOptions, tryNodeResolve } from '../plugins/resolve'
+import type { InternalResolveOptions } from '../plugins/resolve'
+import { tryNodeResolve } from '../plugins/resolve'
 import { hookNodeResolve } from '../plugins/ssrRequireHook'
 
 interface SSRContext {
diff --git a/packages/vite/src/node/ssr/ssrStacktrace.ts b/packages/vite/src/node/ssr/ssrStacktrace.ts
index d4689553ea21d7..d70381062d062e 100644
--- a/packages/vite/src/node/ssr/ssrStacktrace.ts
+++ b/packages/vite/src/node/ssr/ssrStacktrace.ts
@@ -1,5 +1,6 @@
-import { SourceMapConsumer, RawSourceMap } from 'source-map'
-import { ModuleGraph } from '../server/moduleGraph'
+import type { RawSourceMap } from 'source-map'
+import { SourceMapConsumer } from 'source-map'
+import type { ModuleGraph } from '../server/moduleGraph'
 
 let offset: number
 try {
diff --git a/packages/vite/src/node/ssr/ssrTransform.ts b/packages/vite/src/node/ssr/ssrTransform.ts
index 5721d06a487987..1931f0b4758314 100644
--- a/packages/vite/src/node/ssr/ssrTransform.ts
+++ b/packages/vite/src/node/ssr/ssrTransform.ts
@@ -1,8 +1,8 @@
 import MagicString from 'magic-string'
-import { SourceMap } from 'rollup'
-import { TransformResult } from '../server/transformRequest'
+import type { SourceMap } from 'rollup'
+import type { TransformResult } from '../server/transformRequest'
 import { parser } from '../server/pluginContainer'
-import {
+import type {
   Identifier,
   Node as _Node,
   Property,
@@ -11,7 +11,7 @@ import {
 import { extract_names as extractNames } from 'periscopic'
 import { walk as eswalk } from 'estree-walker'
 import { combineSourcemaps } from '../utils'
-import { RawSourceMap } from '@ampproject/remapping/dist/types/types'
+import type { RawSourceMap } from '@ampproject/remapping/dist/types/types'
 
 type Node = _Node & {
   start: number
diff --git a/packages/vite/src/node/utils.ts b/packages/vite/src/node/utils.ts
index 4f005f21c3cf54..55e9d84759ef8b 100644
--- a/packages/vite/src/node/utils.ts
+++ b/packages/vite/src/node/utils.ts
@@ -13,9 +13,9 @@ import {
 } from './constants'
 import resolve from 'resolve'
 import { builtinModules } from 'module'
-import { FSWatcher } from 'chokidar'
+import type { FSWatcher } from 'chokidar'
 import remapping from '@ampproject/remapping'
-import {
+import type {
   DecodedSourceMap,
   RawSourceMap
 } from '@ampproject/remapping/dist/types/types'
diff --git a/packages/vite/types/alias.d.ts b/packages/vite/types/alias.d.ts
index aa70ec5bb59eb2..3f4393586f1299 100644
--- a/packages/vite/types/alias.d.ts
+++ b/packages/vite/types/alias.d.ts
@@ -27,7 +27,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 
-import { PluginHooks } from 'rollup'
+import type { PluginHooks } from 'rollup'
 
 export interface Alias {
   find: string | RegExp
diff --git a/packages/vite/types/chokidar.d.ts b/packages/vite/types/chokidar.d.ts
index 8882f026390d4e..4c6c295df96fd0 100644
--- a/packages/vite/types/chokidar.d.ts
+++ b/packages/vite/types/chokidar.d.ts
@@ -28,8 +28,8 @@ THE SOFTWARE.
 */
 /// <reference types="node" />
 
-import * as fs from 'fs'
-import { Matcher } from './anymatch'
+import type * as fs from 'fs'
+import type { Matcher } from './anymatch'
 
 export interface FSWatcher extends fs.FSWatcher {
   options: WatchOptions
diff --git a/packages/vite/types/http-proxy.d.ts b/packages/vite/types/http-proxy.d.ts
index 3ad701f12b08af..5a681cc1e3f170 100644
--- a/packages/vite/types/http-proxy.d.ts
+++ b/packages/vite/types/http-proxy.d.ts
@@ -13,11 +13,11 @@
 
 /// <reference types="node" />
 
-import * as net from 'net'
-import * as http from 'http'
+import type * as net from 'net'
+import type * as http from 'http'
 import * as events from 'events'
-import * as url from 'url'
-import * as stream from 'stream'
+import type * as url from 'url'
+import type * as stream from 'stream'
 
 export namespace HttpProxy {
   export type ProxyTarget = ProxyTargetUrl | ProxyTargetDetailed
diff --git a/packages/vite/types/importMeta.d.ts b/packages/vite/types/importMeta.d.ts
index 7a96d76fe3b8c4..3b94e092635c50 100644
--- a/packages/vite/types/importMeta.d.ts
+++ b/packages/vite/types/importMeta.d.ts
@@ -1,3 +1,11 @@
+import type { CustomEventName } from './customEvent'
+import type {
+  ErrorPayload,
+  FullReloadPayload,
+  PrunePayload,
+  UpdatePayload
+} from './hmrPayload'
+
 interface ImportMeta {
   url: string
 
@@ -19,24 +27,15 @@ interface ImportMeta {
     invalidate(): void
 
     on: {
-      (
-        event: 'vite:beforeUpdate',
-        cb: (payload: import('./hmrPayload').UpdatePayload) => void
-      ): void
-      (
-        event: 'vite:beforePrune',
-        cb: (payload: import('./hmrPayload').PrunePayload) => void
-      ): void
+      (event: 'vite:beforeUpdate', cb: (payload: UpdatePayload) => void): void
+      (event: 'vite:beforePrune', cb: (payload: PrunePayload) => void): void
       (
         event: 'vite:beforeFullReload',
-        cb: (payload: import('./hmrPayload').FullReloadPayload) => void
-      ): void
-      (
-        event: 'vite:error',
-        cb: (payload: import('./hmrPayload').ErrorPayload) => void
+        cb: (payload: FullReloadPayload) => void
       ): void
+      (event: 'vite:error', cb: (payload: ErrorPayload) => void): void
       <T extends string>(
-        event: import('./customEvent').CustomEventName<T>,
+        event: CustomEventName<T>,
         cb: (data: any) => void
       ): void
     }
diff --git a/packages/vite/types/shims.d.ts b/packages/vite/types/shims.d.ts
index 12bf327229f34c..7bff6f2263e623 100644
--- a/packages/vite/types/shims.d.ts
+++ b/packages/vite/types/shims.d.ts
@@ -38,7 +38,7 @@ declare module 'launch-editor-middleware' {
 }
 
 declare module 'postcss-load-config' {
-  import { ProcessOptions, Plugin } from 'postcss'
+  import type { ProcessOptions, Plugin } from 'postcss'
   function load(
     inline: any,
     root: string
@@ -50,7 +50,7 @@ declare module 'postcss-load-config' {
 }
 
 declare module 'postcss-import' {
-  import { Plugin } from 'postcss'
+  import type { Plugin } from 'postcss'
   const plugin: (options: {
     resolve: (
       id: string,
@@ -62,13 +62,13 @@ declare module 'postcss-import' {
 }
 
 declare module 'postcss-modules' {
-  import { Plugin } from 'postcss'
+  import type { Plugin } from 'postcss'
   const plugin: (options: any) => Plugin
   export = plugin
 }
 
 declare module '@rollup/plugin-dynamic-import-vars' {
-  import { Plugin } from 'rollup'
+  import type { Plugin } from 'rollup'
 
   interface Options {
     include?: string | RegExp | (string | RegExp)[]
@@ -81,7 +81,7 @@ declare module '@rollup/plugin-dynamic-import-vars' {
 }
 
 declare module 'rollup-plugin-web-worker-loader' {
-  import { Plugin } from 'rollup'
+  import type { Plugin } from 'rollup'
 
   interface Options {
     targetPlatform?: string
diff --git a/packages/vite/types/ws.d.ts b/packages/vite/types/ws.d.ts
index 6c14174e098f0b..4f85bb87d5bc3d 100644
--- a/packages/vite/types/ws.d.ts
+++ b/packages/vite/types/ws.d.ts
@@ -12,7 +12,7 @@
 /// <reference types="node" />
 
 import { EventEmitter } from 'events'
-import {
+import type {
   Agent,
   ClientRequest,
   ClientRequestArgs,
@@ -20,11 +20,11 @@ import {
   OutgoingHttpHeaders,
   Server as HTTPServer
 } from 'http'
-import { Server as HTTPSServer } from 'https'
-import { Duplex, DuplexOptions } from 'stream'
-import { SecureContextOptions } from 'tls'
-import { URL } from 'url'
-import { ZlibOptions } from 'zlib'
+import type { Server as HTTPSServer } from 'https'
+import type { Duplex, DuplexOptions } from 'stream'
+import type { SecureContextOptions } from 'tls'
+import type { URL } from 'url'
+import type { ZlibOptions } from 'zlib'
 
 // WebSocket socket.
 declare class WebSocket extends EventEmitter {
diff --git a/scripts/jestPerTestSetup.ts b/scripts/jestPerTestSetup.ts
index d0863c5983dec7..cf4f96e87e7a54 100644
--- a/scripts/jestPerTestSetup.ts
+++ b/scripts/jestPerTestSetup.ts
@@ -2,18 +2,17 @@ import fs from 'fs-extra'
 import * as http from 'http'
 import { resolve, dirname } from 'path'
 import sirv from 'sirv'
-import {
-  createServer,
-  build,
+import type {
   ViteDevServer,
   UserConfig,
   PluginOption,
   ResolvedConfig,
   Logger
 } from 'vite'
-import { Page } from 'playwright-chromium'
+import { createServer, build } from 'vite'
+import type { Page } from 'playwright-chromium'
 // eslint-disable-next-line node/no-extraneous-import
-import { RollupError, RollupWatcher, RollupWatcherEvent } from 'rollup'
+import type { RollupError, RollupWatcher, RollupWatcherEvent } from 'rollup'
 
 const isBuildTest = !!process.env.VITE_TEST_BUILD