build: upgrade Vite to v8.0.16

alan-agius4 · alan-agius4 · commit b9681c0cda4b · 2026-06-22T16:10:19.000+02:00
Update vite to version 8.
diff --git a/packages/angular/build/package.json b/packages/angular/build/package.json
@@ -41,7 +41,7 @@
     "semver": "7.8.4",
     "source-map-support": "0.5.21",
     "tinyglobby": "0.2.17",
-    "vite": "7.3.5",
+    "vite": "8.0.16",
     "watchpack": "2.5.2"
   },
   "optionalDependencies": {
diff --git a/packages/angular/build/src/builders/dev-server/vite/hmr.ts b/packages/angular/build/src/builders/dev-server/vite/hmr.ts
@@ -9,7 +9,9 @@
 import type { ɵdestroyAngularServerApp as destroyAngularServerApp } from '@angular/ssr';
 import type { BuilderContext } from '@angular-devkit/architect';
 import { join } from 'node:path';
-import type { ViteDevServer } from 'vite';
+import type { ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { ComponentStyleRecord } from '../../../tools/vite/middlewares';
 import { BuildOutputFileType } from '../internal';
 import type { NormalizedDevServerOptions } from '../options';
diff --git a/packages/angular/build/src/builders/dev-server/vite/index.ts b/packages/angular/build/src/builders/dev-server/vite/index.ts
@@ -10,7 +10,9 @@ import type { BuilderContext } from '@angular-devkit/architect';
 import type { Plugin } from 'esbuild';
 import assert from 'node:assert';
 import { join } from 'node:path';
-import type { Connect, ViteDevServer } from 'vite';
+import type * as Vite from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { ComponentStyleRecord } from '../../../tools/vite/middlewares';
 import { ServerSsrMode } from '../../../tools/vite/plugins';
 import { EsbuildLoaderOption, updateExternalMetadata } from '../../../tools/vite/utils';
@@ -58,7 +60,7 @@ export async function* serveWithVite(
     indexHtml?: (content: string) => Promise<string>;
   },
   extensions?: {
-    middleware?: Connect.NextHandleFunction[];
+    middleware?: Vite.Connect.NextHandleFunction[];
     buildPlugins?: Plugin[];
   },
 ): AsyncIterableIterator<DevServerBuilderOutput> {
@@ -191,9 +193,9 @@ export async function* serveWithVite(
   // The index HTML path will be updated from the build results if provided by the builder
   let htmlIndexPath = 'index.html';
 
-  const { createServer, normalizePath } = await import('vite');
+  const { createServer, normalizePath } = (await import('vite' as string)) as typeof Vite;
 
-  let server: ViteDevServer | undefined;
+  let server: Vite.ViteDevServer | undefined;
   let serverUrl: URL | undefined;
   let hadError = false;
   const generatedFiles = new Map<string, OutputFileRecord>();
diff --git a/packages/angular/build/src/builders/dev-server/vite/server.ts b/packages/angular/build/src/builders/dev-server/vite/server.ts
@@ -8,7 +8,9 @@
 
 import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
-import type { Connect, InlineConfig, SSROptions, ServerOptions } from 'vite';
+import type * as Vite from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { ComponentStyleRecord } from '../../../tools/vite/middlewares';
 import {
   ServerSsrMode,
@@ -30,7 +32,7 @@ async function createServerConfig(
   ssrMode: ServerSsrMode,
   preTransformRequests: boolean,
   cacheDir: string,
-): Promise<ServerOptions> {
+): Promise<Vite.ServerOptions> {
   const proxy = await loadProxyConfiguration(
     serverOptions.workspaceRoot,
     serverOptions.proxyConfig,
@@ -47,7 +49,7 @@ async function createServerConfig(
       break;
   }
 
-  const server: ServerOptions = {
+  const server: Vite.ServerOptions = {
     preTransformRequests,
     warmup: {
       ssrFiles,
@@ -101,7 +103,7 @@ function createSsrConfig(
   prebundleLoaderExtensions: EsbuildLoaderOption | undefined,
   thirdPartySourcemaps: boolean,
   define: ApplicationBuilderInternalOptions['define'],
-): SSROptions {
+): Vite.SSROptions {
   return {
     // Note: `true` and `/.*/` have different sematics. When true, the `external` option is ignored.
     noExternal: /.*/,
@@ -139,11 +141,11 @@ export async function setupServer(
   templateUpdates: Map<string, string>,
   prebundleLoaderExtensions: EsbuildLoaderOption | undefined,
   define: ApplicationBuilderInternalOptions['define'],
-  extensionMiddleware?: Connect.NextHandleFunction[],
+  extensionMiddleware?: Vite.Connect.NextHandleFunction[],
   indexHtmlTransformer?: (content: string) => Promise<string>,
   thirdPartySourcemaps = false,
-): Promise<InlineConfig> {
-  const { normalizePath } = await import('vite');
+): Promise<Vite.InlineConfig> {
+  const { normalizePath } = (await import('vite' as string)) as typeof Vite;
 
   // Path will not exist on disk and only used to provide separate path for Vite requests
   const virtualProjectRoot = normalizePath(
@@ -161,13 +163,13 @@ export async function setupServer(
     externalMetadata.explicitBrowser.length === 0 && ssrMode === ServerSsrMode.NoSsr;
   const cacheDir = join(serverOptions.cacheOptions.path, serverOptions.buildTarget.project, 'vite');
 
-  const configuration: InlineConfig = {
+  const configuration: Vite.InlineConfig = {
     configFile: false,
     envFile: false,
     cacheDir,
     root: virtualProjectRoot,
     publicDir: false,
-    esbuild: false,
+    oxc: false,
     mode: 'development',
     // We use custom as we do not rely on Vite's htmlFallbackMiddleware and indexHtmlMiddleware.
     appType: 'custom',
diff --git a/packages/angular/build/src/builders/unit-test/runners/vitest/executor.ts b/packages/angular/build/src/builders/unit-test/runners/vitest/executor.ts
@@ -9,6 +9,9 @@
 import type { BuilderContext, BuilderOutput } from '@angular-devkit/architect';
 import assert from 'node:assert';
 import path from 'node:path';
+import type * as Vite from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { Vitest } from 'vitest/node';
 import {
   DevServerExternalResultMetadata,
@@ -96,7 +99,7 @@ export class VitestExecutor implements TestExecutor {
 
   async *execute(buildResult: FullResult | IncrementalResult): AsyncIterable<BuilderOutput> {
     this.debugLog(DebugLogLevel.Info, `Executing test run (kind: ${buildResult.kind}).`);
-    this.normalizePath ??= (await import('vite')).normalizePath;
+    this.normalizePath ??= ((await import('vite' as string)) as typeof Vite).normalizePath;
 
     if (buildResult.kind === ResultKind.Full) {
       this.buildResultFiles.clear();
diff --git a/packages/angular/build/src/tools/vite/middlewares/assets-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/assets-middleware.ts
@@ -11,7 +11,9 @@ import { createHash } from 'node:crypto';
 import { readFileSync } from 'node:fs';
 import type { ServerResponse } from 'node:http';
 import { extname } from 'node:path';
-import type { Connect, ViteDevServer } from 'vite';
+import type { Connect, ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { ResultFile } from '../../../builders/application/results';
 import { AngularMemoryOutputFiles, AngularOutputAssets, pathnameWithoutBasePath } from '../utils';
 
diff --git a/packages/angular/build/src/tools/vite/middlewares/base-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/base-middleware.ts
@@ -7,7 +7,9 @@
  */
 
 import type { IncomingMessage, ServerResponse } from 'node:http';
-import type { Connect } from 'vite';
+import type { Connect } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { addLeadingSlash } from '../../../utils/url';
 
 /**
diff --git a/packages/angular/build/src/tools/vite/middlewares/chrome-devtools-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/chrome-devtools-middleware.ts
@@ -10,7 +10,9 @@ import assert from 'node:assert';
 import { randomUUID } from 'node:crypto';
 import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
 import { join } from 'node:path';
-import type { Connect } from 'vite';
+import type { Connect } from 'vite' with {
+  'resolution-mode': 'import',
+};
 
 type DevToolsJson = {
   workspace: {
diff --git a/packages/angular/build/src/tools/vite/middlewares/component-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/component-middleware.ts
@@ -6,7 +6,9 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import type { Connect, ViteDevServer } from 'vite';
+import type { Connect, ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { pathnameWithoutBasePath } from '../utils';
 
 const ANGULAR_COMPONENT_PREFIX = '/@ng/component';
diff --git a/packages/angular/build/src/tools/vite/middlewares/headers-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/headers-middleware.ts
@@ -7,7 +7,9 @@
  */
 
 import type { ServerResponse } from 'node:http';
-import type { Connect, ViteDevServer } from 'vite';
+import type { Connect, ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 
 /**
  * Creates a middleware for adding custom headers.
diff --git a/packages/angular/build/src/tools/vite/middlewares/host-check-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/host-check-middleware.ts
@@ -7,7 +7,9 @@
  */
 
 import type { IncomingMessage, ServerResponse } from 'node:http';
-import type { Connect } from 'vite';
+import type { Connect } from 'vite' with {
+  'resolution-mode': 'import',
+};
 
 export function patchHostValidationMiddleware(middlewares: Connect.Server): void {
   const entry = middlewares.stack.find(
diff --git a/packages/angular/build/src/tools/vite/middlewares/html-fallback-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/html-fallback-middleware.ts
@@ -7,7 +7,9 @@
  */
 
 import type { ServerResponse } from 'node:http';
-import type { Connect } from 'vite';
+import type { Connect } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { lookupMimeTypeFromRequest } from '../utils';
 
 const ALLOWED_FALLBACK_METHODS = Object.freeze(['GET', 'HEAD']);
diff --git a/packages/angular/build/src/tools/vite/middlewares/index-html-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/index-html-middleware.ts
@@ -7,7 +7,9 @@
  */
 
 import { extname } from 'node:path';
-import type { Connect, ViteDevServer } from 'vite';
+import type { Connect, ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { AngularMemoryOutputFiles, pathnameWithoutBasePath } from '../utils';
 
 export function createAngularIndexHtmlMiddleware(
diff --git a/packages/angular/build/src/tools/vite/middlewares/ssr-middleware.ts b/packages/angular/build/src/tools/vite/middlewares/ssr-middleware.ts
@@ -11,7 +11,9 @@ import type {
   ɵgetOrCreateAngularServerApp as getOrCreateAngularServerApp,
 } from '@angular/ssr';
 import type { ServerResponse } from 'node:http';
-import type { Connect, ViteDevServer } from 'vite';
+import type { Connect, ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import {
   isSsrNodeRequestHandler,
   isSsrRequestHandler,
diff --git a/packages/angular/build/src/tools/vite/plugins/angular-memory-plugin.ts b/packages/angular/build/src/tools/vite/plugins/angular-memory-plugin.ts
@@ -10,7 +10,9 @@ import assert from 'node:assert';
 import { readFile } from 'node:fs/promises';
 import { dirname, join, relative } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import type { Plugin } from 'vite';
+import type * as Vite from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { AngularMemoryOutputFiles } from '../utils';
 
 interface AngularMemoryPluginOptions {
@@ -27,9 +29,9 @@ const FILE_PROTOCOL = 'file:';
 
 export async function createAngularMemoryPlugin(
   options: AngularMemoryPluginOptions,
-): Promise<Plugin> {
+): Promise<Vite.Plugin> {
   const { virtualProjectRoot, outputFiles, external } = options;
-  const { normalizePath } = await import('vite');
+  const { normalizePath } = (await import('vite' as string)) as typeof Vite;
 
   return {
     name: 'vite:angular-memory',
diff --git a/packages/angular/build/src/tools/vite/plugins/id-prefix-plugin.ts b/packages/angular/build/src/tools/vite/plugins/id-prefix-plugin.ts
@@ -6,7 +6,9 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import type { Plugin } from 'vite';
+import type { Plugin } from 'vite' with {
+  'resolution-mode': 'import',
+};
 
 // NOTE: the implementation for this Vite plugin is roughly based on:
 // https://github.com/MilanKovacic/vite-plugin-externalize-dependencies
diff --git a/packages/angular/build/src/tools/vite/plugins/setup-middlewares-plugin.ts b/packages/angular/build/src/tools/vite/plugins/setup-middlewares-plugin.ts
@@ -6,7 +6,9 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import type { Connect, Plugin } from 'vite';
+import type { Connect, Plugin } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import {
   ComponentStyleRecord,
   angularHtmlFallbackMiddleware,
diff --git a/packages/angular/build/src/tools/vite/plugins/ssr-ssl-plugin.ts b/packages/angular/build/src/tools/vite/plugins/ssr-ssl-plugin.ts
@@ -7,7 +7,9 @@
  */
 
 import { getCACertificates, setDefaultCACertificates } from 'node:tls';
-import type { Plugin } from 'vite';
+import type { Plugin } from 'vite' with {
+  'resolution-mode': 'import',
+};
 
 export function createAngularServerSideSSLPlugin(): Plugin {
   return {
diff --git a/packages/angular/build/src/tools/vite/plugins/ssr-transform-plugin.ts b/packages/angular/build/src/tools/vite/plugins/ssr-transform-plugin.ts
@@ -7,10 +7,12 @@
  */
 
 import remapping, { SourceMapInput } from '@ampproject/remapping';
-import type { Plugin } from 'vite';
+import type * as Vite from 'vite' with {
+  'resolution-mode': 'import',
+};
 
-export async function createAngularSsrTransformPlugin(workspaceRoot: string): Promise<Plugin> {
-  const { normalizePath } = await import('vite');
+export async function createAngularSsrTransformPlugin(workspaceRoot: string): Promise<Vite.Plugin> {
+  const { normalizePath } = (await import('vite' as string)) as typeof Vite;
 
   return {
     name: 'vite:angular-ssr-transform',
diff --git a/packages/angular/build/src/tools/vite/utils.ts b/packages/angular/build/src/tools/vite/utils.ts
@@ -6,10 +6,13 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
+import type { OnLoadArgs, PluginBuild } from 'esbuild';
 import { lookup as lookupMimeType } from 'mrmime';
 import { builtinModules, isBuiltin } from 'node:module';
 import { extname } from 'node:path';
-import type { DepOptimizationConfig } from 'vite';
+import type { DepOptimizationConfig } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { ExternalResultMetadata } from '../esbuild/bundler-execution-result';
 import { JavaScriptTransformer } from '../esbuild/javascript-transformer';
 import { getFeatureSupport } from '../esbuild/utils';
@@ -78,8 +81,8 @@ export function getDepOptimizationConfig({
       name: `angular-vite-optimize-deps${ssr ? '-ssr' : ''}${
         thirdPartySourcemaps ? '-vendor-sourcemap' : ''
       }`,
-      setup(build) {
-        build.onLoad({ filter: /\.[cm]?js$/ }, async (args) => {
+      setup(build: PluginBuild) {
+        build.onLoad({ filter: /\.[cm]?js$/ }, async (args: OnLoadArgs) => {
           return {
             contents: await prebundleTransformer.transformFile(args.path),
             loader: 'js',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
