diff --git a/.github/workflows/validate.yml b/.github/workflows/validate.yml
index 02204c06..a9f731a0 100644
--- a/.github/workflows/validate.yml
+++ b/.github/workflows/validate.yml
@@ -74,3 +74,6 @@ jobs:
         working-directory: templates/${{ matrix.template }}
       - run: pnpm build
         working-directory: templates/${{ matrix.template }}
+        env:
+          # Debug Vite 5's deprecated CJS support
+          VITE_CJS_TRACE: true
diff --git a/src/core/builders/vite/plugins/bundleAnalysis.ts b/src/core/builders/vite/plugins/bundleAnalysis.ts
index 7f5b13e5..efb2e703 100644
--- a/src/core/builders/vite/plugins/bundleAnalysis.ts
+++ b/src/core/builders/vite/plugins/bundleAnalysis.ts
@@ -1,4 +1,4 @@
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import { visualizer } from 'rollup-plugin-visualizer';
 
 let increment = 0;
diff --git a/src/core/builders/vite/plugins/cssEntrypoints.ts b/src/core/builders/vite/plugins/cssEntrypoints.ts
index 4796a027..9f99cda4 100644
--- a/src/core/builders/vite/plugins/cssEntrypoints.ts
+++ b/src/core/builders/vite/plugins/cssEntrypoints.ts
@@ -1,4 +1,4 @@
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import { Entrypoint, InternalConfig } from '~/types';
 import { getEntrypointBundlePath } from '~/core/utils/entrypoints';
 
diff --git a/src/core/builders/vite/plugins/devHtmlPrerender.ts b/src/core/builders/vite/plugins/devHtmlPrerender.ts
index 83d52d32..d32e7298 100644
--- a/src/core/builders/vite/plugins/devHtmlPrerender.ts
+++ b/src/core/builders/vite/plugins/devHtmlPrerender.ts
@@ -1,4 +1,4 @@
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import { InternalConfig } from '~/types';
 import { getEntrypointName } from '~/core/utils/entrypoints';
 import { parseHTML } from 'linkedom';
diff --git a/src/core/builders/vite/plugins/entrypointGroupGlobals.ts b/src/core/builders/vite/plugins/entrypointGroupGlobals.ts
index d6e3de83..84bec304 100644
--- a/src/core/builders/vite/plugins/entrypointGroupGlobals.ts
+++ b/src/core/builders/vite/plugins/entrypointGroupGlobals.ts
@@ -1,4 +1,4 @@
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import { EntrypointGroup } from '~/types';
 import { getEntrypointGlobals } from '~/core/utils/globals';
 
diff --git a/src/core/builders/vite/plugins/excludeBrowserPolyfill.ts b/src/core/builders/vite/plugins/excludeBrowserPolyfill.ts
index c0805106..1615091a 100644
--- a/src/core/builders/vite/plugins/excludeBrowserPolyfill.ts
+++ b/src/core/builders/vite/plugins/excludeBrowserPolyfill.ts
@@ -1,5 +1,5 @@
 import { InternalConfig } from '~/types';
-import * as vite from 'vite';
+import type * as vite from 'vite';
 
 /**
  * Apply the experimental config for disabling the polyfill. It works by aliasing the
diff --git a/src/core/builders/vite/plugins/globals.ts b/src/core/builders/vite/plugins/globals.ts
index 5725c25e..5f3934bf 100644
--- a/src/core/builders/vite/plugins/globals.ts
+++ b/src/core/builders/vite/plugins/globals.ts
@@ -1,4 +1,4 @@
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import { InternalConfig } from '~/types';
 import { getGlobals } from '~/core/utils/globals';
 
diff --git a/src/core/builders/vite/plugins/multipageMove.ts b/src/core/builders/vite/plugins/multipageMove.ts
index 4800eb11..93742283 100644
--- a/src/core/builders/vite/plugins/multipageMove.ts
+++ b/src/core/builders/vite/plugins/multipageMove.ts
@@ -1,4 +1,4 @@
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import { Entrypoint, InternalConfig } from '~/types';
 import { dirname, extname, resolve, join } from 'node:path';
 import { getEntrypointBundlePath } from '~/core/utils/entrypoints';
diff --git a/src/core/builders/vite/plugins/tsconfigPaths.ts b/src/core/builders/vite/plugins/tsconfigPaths.ts
index 64966d3d..1cc190fc 100644
--- a/src/core/builders/vite/plugins/tsconfigPaths.ts
+++ b/src/core/builders/vite/plugins/tsconfigPaths.ts
@@ -1,5 +1,5 @@
 import { InternalConfig } from '~/types';
-import * as vite from 'vite';
+import type * as vite from 'vite';
 
 export function tsconfigPaths(
   config: Omit<InternalConfig, 'builder'>,
diff --git a/src/core/builders/vite/plugins/unimport.ts b/src/core/builders/vite/plugins/unimport.ts
index 942bdf8b..9b708869 100644
--- a/src/core/builders/vite/plugins/unimport.ts
+++ b/src/core/builders/vite/plugins/unimport.ts
@@ -1,7 +1,7 @@
 import { createUnimport } from 'unimport';
 import { InternalConfig } from '~/types';
 import { getUnimportOptions } from '~/core/utils/unimport';
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import { extname } from 'path';
 
 const ENABLED_EXTENSIONS = new Set([
diff --git a/src/core/builders/vite/plugins/webextensionPolyfillAlias.ts b/src/core/builders/vite/plugins/webextensionPolyfillAlias.ts
index d98fec3f..dbac5671 100644
--- a/src/core/builders/vite/plugins/webextensionPolyfillAlias.ts
+++ b/src/core/builders/vite/plugins/webextensionPolyfillAlias.ts
@@ -1,5 +1,5 @@
 import path from 'node:path';
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import { InternalConfig } from '~/types';
 
 /**
diff --git a/src/core/builders/vite/plugins/webextensionPolyfillInlineDeps.ts b/src/core/builders/vite/plugins/webextensionPolyfillInlineDeps.ts
index 40d449ec..b7023170 100644
--- a/src/core/builders/vite/plugins/webextensionPolyfillInlineDeps.ts
+++ b/src/core/builders/vite/plugins/webextensionPolyfillInlineDeps.ts
@@ -1,4 +1,4 @@
-import * as vite from 'vite';
+import type * as vite from 'vite';
 
 /**
  * Add all deps that import `webextension-polyfill` to `test.server.deps.inline`.
diff --git a/src/testing/wxt-vitest-plugin.ts b/src/testing/wxt-vitest-plugin.ts
index 0de35b0d..2b949965 100644
--- a/src/testing/wxt-vitest-plugin.ts
+++ b/src/testing/wxt-vitest-plugin.ts
@@ -1,4 +1,4 @@
-import * as vite from 'vite';
+import type * as vite from 'vite';
 import {
   unimport,
   download,