@angular-devkit/build-angular 17.2.3 → 17.3.0

package/package.json

@@ -1,77 +1,77 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "17.2.3",
+  "version": "17.3.0",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
-    "@ampproject/remapping": "2.2.1",
-    "@angular-devkit/architect": "0.1702.3",
-    "@angular-devkit/build-webpack": "0.1702.3",
-    "@angular-devkit/core": "17.2.3",
-    "@babel/core": "7.23.9",
+    "@ampproject/remapping": "2.3.0",
+    "@angular-devkit/architect": "0.1703.0",
+    "@angular-devkit/build-webpack": "0.1703.0",
+    "@angular-devkit/core": "17.3.0",
+    "@babel/core": "7.24.0",
     "@babel/generator": "7.23.6",
     "@babel/helper-annotate-as-pure": "7.22.5",
     "@babel/helper-split-export-declaration": "7.22.6",
     "@babel/plugin-transform-async-generator-functions": "7.23.9",
     "@babel/plugin-transform-async-to-generator": "7.23.3",
-    "@babel/plugin-transform-runtime": "7.23.9",
-    "@babel/preset-env": "7.23.9",
-    "@babel/runtime": "7.23.9",
+    "@babel/plugin-transform-runtime": "7.24.0",
+    "@babel/preset-env": "7.24.0",
+    "@babel/runtime": "7.24.0",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "17.2.3",
+    "@ngtools/webpack": "17.3.0",
     "@vitejs/plugin-basic-ssl": "1.1.0",
     "ansi-colors": "4.1.3",
-    "autoprefixer": "10.4.17",
+    "autoprefixer": "10.4.18",
     "babel-loader": "9.1.3",
     "babel-plugin-istanbul": "6.1.1",
     "browserslist": "^4.21.5",
     "copy-webpack-plugin": "11.0.0",
-    "critters": "0.0.20",
+    "critters": "0.0.22",
     "css-loader": "6.10.0",
-    "esbuild-wasm": "0.20.0",
+    "esbuild-wasm": "0.20.1",
     "fast-glob": "3.3.2",
-    "https-proxy-agent": "7.0.2",
+    "https-proxy-agent": "7.0.4",
     "http-proxy-middleware": "2.0.6",
-    "inquirer": "9.2.14",
+    "inquirer": "9.2.15",
     "jsonc-parser": "3.2.1",
     "karma-source-map-support": "1.4.0",
     "less": "4.2.0",
     "less-loader": "11.1.0",
     "license-webpack-plugin": "4.0.2",
     "loader-utils": "3.2.1",
-    "magic-string": "0.30.7",
-    "mini-css-extract-plugin": "2.8.0",
+    "magic-string": "0.30.8",
+    "mini-css-extract-plugin": "2.8.1",
     "mrmime": "2.0.0",
     "open": "8.4.2",
     "ora": "5.4.1",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.1",
-    "piscina": "4.3.1",
+    "piscina": "4.4.0",
     "postcss": "8.4.35",
-    "postcss-loader": "8.1.0",
+    "postcss-loader": "8.1.1",
     "resolve-url-loader": "5.0.0",
     "rxjs": "7.8.1",
-    "sass": "1.70.0",
-    "sass-loader": "14.1.0",
+    "sass": "1.71.1",
+    "sass-loader": "14.1.1",
     "semver": "7.6.0",
     "source-map-loader": "5.0.0",
     "source-map-support": "0.5.21",
-    "terser": "5.27.0",
+    "terser": "5.29.1",
     "tree-kill": "1.2.2",
     "tslib": "2.6.2",
-    "undici": "6.6.2",
-    "vite": "5.0.12",
+    "undici": "6.7.1",
+    "vite": "5.1.5",
     "watchpack": "2.4.0",
-    "webpack": "5.90.1",
+    "webpack": "5.90.3",
     "webpack-dev-middleware": "6.1.1",
     "webpack-dev-server": "4.15.1",
     "webpack-merge": "5.10.0",
     "webpack-subresource-integrity": "5.1.0"
   },
   "optionalDependencies": {
-    "esbuild": "0.20.0"
+    "esbuild": "0.20.1"
   },
   "peerDependencies": {
     "@angular/compiler-cli": "^17.0.0",
@@ -86,7 +86,7 @@
     "ng-packagr": "^17.0.0",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",
-    "typescript": ">=5.2 <5.4"
+    "typescript": ">=5.2 <5.5"
   },
   "peerDependenciesMeta": {
     "@angular/localize": {

package/src/builders/app-shell/index.js

@@ -69,6 +69,7 @@ async function _renderUniversal(options, context, browserResult, serverResult, s
         filename: require.resolve('./render-worker'),
         maxThreads: 1,
         workerData: { zonePackage },
+        recordTiming: false,
     });
     try {
         for (const { path: outputPath, baseHref } of browserResult.outputs) {

package/src/builders/app-shell/render-worker.js

@@ -76,7 +76,7 @@ async function render({ serverBundlePath, document, url }) {
     }
     // The below should really handled by the framework!!!.
     let timer;
-    const renderingTimeout = new Promise((_, reject) => (timer = setTimeout(() => reject(new Error(`Page ${new URL(url, 'resolve://').pathname} did not render in 30 seconds.`)), 30000)));
+    const renderingTimeout = new Promise((_, reject) => (timer = setTimeout(() => reject(new Error(`Page ${new URL(url, 'resolve://').pathname} did not render in 30 seconds.`)), 30_000)));
     return Promise.race([renderAppPromise, renderingTimeout]).finally(() => clearTimeout(timer));
 }
 function isBootstrapFn(value) {

package/src/builders/application/build-action.d.ts

@@ -11,7 +11,7 @@ import { BuildOutputFile } from '../../tools/esbuild/bundler-context';
 import { ExecutionResult, RebuildState } from '../../tools/esbuild/bundler-execution-result';
 import { NormalizedCachedOptions } from '../../utils/normalize-cache';
 import { NormalizedOutputOptions } from './options';
-export declare function runEsBuildBuildAction(action: (rebuildState?: RebuildState) => ExecutionResult | Promise<ExecutionResult>, options: {
+export declare function runEsBuildBuildAction(action: (rebuildState?: RebuildState) => Promise<ExecutionResult>, options: {
     workspaceRoot: string;
     projectRoot: string;
     outputOptions: NormalizedOutputOptions;
@@ -27,4 +27,6 @@ export declare function runEsBuildBuildAction(action: (rebuildState?: RebuildSta
     signal?: AbortSignal;
     preserveSymlinks?: boolean;
     clearScreen?: boolean;
+    colors?: boolean;
+    jsonLogs?: boolean;
 }): AsyncIterable<(ExecutionResult['outputWithFiles'] | ExecutionResult['output']) & BuilderOutput>;

package/src/builders/application/build-action.js

@@ -54,7 +54,7 @@ const packageWatchFiles = [
     '.pnp.data.json',
 ];
 async function* runEsBuildBuildAction(action, options) {
-    const { writeToFileSystemFilter, writeToFileSystem, watch, poll, clearScreen, logger, deleteOutputPath, cacheOptions, outputOptions, verbose, projectRoot, workspaceRoot, progress, preserveSymlinks, } = options;
+    const { writeToFileSystemFilter, writeToFileSystem, watch, poll, clearScreen, logger, deleteOutputPath, cacheOptions, outputOptions, verbose, projectRoot, workspaceRoot, progress, preserveSymlinks, colors, jsonLogs, } = options;
     if (deleteOutputPath && writeToFileSystem) {
         await (0, delete_output_dir_1.deleteOutputDir)(workspaceRoot, outputOptions.base, [
             outputOptions.browser,
@@ -67,6 +67,8 @@ async function* runEsBuildBuildAction(action, options) {
     try {
         // Perform the build action
         result = await withProgress('Building...', () => action());
+        // Log all diagnostic (error/warning/logs) messages
+        await (0, utils_1.logMessages)(logger, result, colors, jsonLogs);
     }
     finally {
         // Ensure Sass workers are shutdown if not watching
@@ -144,6 +146,8 @@ async function* runEsBuildBuildAction(action, options) {
                 logger.info(changes.toDebugString());
             }
             result = await withProgress('Changes detected. Rebuilding...', () => action(result.createRebuildState(changes)));
+            // Log all diagnostic (error/warning/logs) messages
+            await (0, utils_1.logMessages)(logger, result, colors, jsonLogs);
             // Update watched locations provided by the new build result.
             // Keep watching all previous files if there are any errors; otherwise consider all
             // files stale until confirmed present in the new result's watch files.

package/src/builders/application/execute-build.js

@@ -120,7 +120,7 @@ async function executeBuild(options, context, rebuildState) {
         executionResult.addOutputFile('stats.json', JSON.stringify(metafile, null, 2), bundler_context_1.BuildOutputFileType.Root);
     }
     if (!jsonLogs) {
-        context.logger.info((0, utils_1.logBuildStats)(metafile, initialFiles, budgetFailures, colors, changedFiles, estimatedTransferSizes, !!ssrOptions, verbose));
+        executionResult.addLog((0, utils_1.logBuildStats)(metafile, initialFiles, budgetFailures, colors, changedFiles, estimatedTransferSizes, !!ssrOptions, verbose));
     }
     return executionResult;
 }

package/src/builders/application/index.js

@@ -62,22 +62,23 @@ context, infrastructureSettings, extensions) {
         const { prerenderOptions, outputOptions, jsonLogs } = normalizedOptions;
         const startTime = process.hrtime.bigint();
         const result = await (0, execute_build_1.executeBuild)(normalizedOptions, context, rebuildState);
-        if (!jsonLogs) {
+        if (jsonLogs) {
+            result.addLog(await (0, utils_1.createJsonBuildManifest)(result, normalizedOptions));
+        }
+        else {
             if (prerenderOptions) {
                 const prerenderedRoutesLength = result.prerenderedRoutes.length;
                 let prerenderMsg = `Prerendered ${prerenderedRoutesLength} static route`;
                 prerenderMsg += prerenderedRoutesLength !== 1 ? 's.' : '.';
-                logger.info(color_1.colors.magenta(prerenderMsg));
+                result.addLog(color_1.colors.magenta(prerenderMsg));
             }
             const buildTime = Number(process.hrtime.bigint() - startTime) / 10 ** 9;
             const hasError = result.errors.length > 0;
             if (writeToFileSystem && !hasError) {
-                logger.info(`Output location: ${outputOptions.base}\n`);
+                result.addLog(`Output location: ${outputOptions.base}\n`);
             }
-            logger.info(`Application bundle generation ${hasError ? 'failed' : 'complete'}. [${buildTime.toFixed(3)} seconds]`);
+            result.addLog(`Application bundle generation ${hasError ? 'failed' : 'complete'}. [${buildTime.toFixed(3)} seconds]\n`);
         }
-        // Log all diagnostic (error/warning) messages
-        await (0, utils_1.logMessages)(logger, result, normalizedOptions);
         return result;
     }, {
         watch: normalizedOptions.watch,
@@ -91,6 +92,8 @@ context, infrastructureSettings, extensions) {
         workspaceRoot: normalizedOptions.workspaceRoot,
         progress: normalizedOptions.progress,
         clearScreen: normalizedOptions.clearScreen,
+        colors: normalizedOptions.colors,
+        jsonLogs: normalizedOptions.jsonLogs,
         writeToFileSystem,
         // For app-shell and SSG server files are not required by users.
         // Omit these when SSR is not enabled.

package/src/builders/application/options.d.ts

@@ -5,7 +5,7 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { BuilderContext } from '@angular-devkit/architect';
+import type { BuilderContext } from '@angular-devkit/architect';
 import type { Plugin } from 'esbuild';
 import { I18nOptions } from '../../utils/i18n-options';
 import { IndexHtmlTransform } from '../../utils/index-file/index-html-generator';
@@ -39,10 +39,6 @@ interface InternalOptions {
      * This is only used by the development server which currently only supports a single locale per build.
      */
     forceI18nFlatOutput?: boolean;
-    /**
-     * Allows for usage of the deprecated `deployUrl` option with the compatibility builder `browser-esbuild`.
-     */
-    deployUrl?: string;
 }
 /** Full set of options for `application` builder. */
 export type ApplicationBuilderInternalOptions = Omit<ApplicationBuilderOptions & InternalOptions, 'browser'> & {
@@ -123,7 +119,7 @@ export declare function normalizeOptions(context: BuilderContext, projectName: s
     indexHtmlOptions: {
         input: string;
         output: string;
-        insertionOrder: import("../../utils/package-chunk-sort").EntryPointsType[];
+        insertionOrder: [string, boolean][];
         transformer: IndexHtmlTransform | undefined;
         preloadInitial: boolean;
     } | undefined;

package/src/builders/application/options.js

@@ -15,16 +15,13 @@ const node_fs_1 = require("node:fs");
 const promises_1 = require("node:fs/promises");
 const node_module_1 = require("node:module");
 const node_path_1 = __importDefault(require("node:path"));
-const helpers_1 = require("../../tools/webpack/utils/helpers");
 const utils_1 = require("../../utils");
 const color_1 = require("../../utils/color");
 const environment_options_1 = require("../../utils/environment-options");
 const i18n_options_1 = require("../../utils/i18n-options");
 const normalize_cache_1 = require("../../utils/normalize-cache");
-const package_chunk_sort_1 = require("../../utils/package-chunk-sort");
 const postcss_configuration_1 = require("../../utils/postcss-configuration");
 const tailwind_1 = require("../../utils/tailwind");
-const webpack_browser_config_1 = require("../../utils/webpack-browser-config");
 const schema_1 = require("./schema");
 /**
  * Normalize the user provided options by creating full paths for all path based options
@@ -116,31 +113,24 @@ async function normalizeOptions(context, projectName, options, extensions) {
     const tailwindConfiguration = postcssConfiguration
         ? undefined
         : await getTailwindConfig(workspaceRoot, projectRoot, context);
-    const globalStyles = [];
-    if (options.styles?.length) {
-        const { entryPoints: stylesheetEntrypoints, noInjectNames } = (0, helpers_1.normalizeGlobalStyles)(options.styles || []);
-        for (const [name, files] of Object.entries(stylesheetEntrypoints)) {
-            globalStyles.push({ name, files, initial: !noInjectNames.includes(name) });
-        }
-    }
-    const globalScripts = [];
-    if (options.scripts?.length) {
-        for (const { bundleName, paths, inject } of (0, helpers_1.globalScriptsByBundleName)(options.scripts)) {
-            globalScripts.push({ name: bundleName, files: paths, initial: inject });
-        }
-    }
+    const globalStyles = normalizeGlobalEntries(options.styles, 'styles');
+    const globalScripts = normalizeGlobalEntries(options.scripts, 'scripts');
     let indexHtmlOptions;
     // index can never have a value of `true` but in the schema it's of type `boolean`.
     if (typeof options.index !== 'boolean') {
         indexHtmlOptions = {
-            input: node_path_1.default.join(workspaceRoot, (0, webpack_browser_config_1.getIndexInputFile)(options.index)),
+            input: node_path_1.default.join(workspaceRoot, typeof options.index === 'string' ? options.index : options.index.input),
             // The output file will be created within the configured output path
-            output: (0, webpack_browser_config_1.getIndexOutputFile)(options.index),
-            // TODO: Use existing information from above to create the insertion order
-            insertionOrder: (0, package_chunk_sort_1.generateEntryPoints)({
-                scripts: options.scripts ?? [],
-                styles: options.styles ?? [],
-            }),
+            output: typeof options.index === 'string'
+                ? node_path_1.default.basename(options.index)
+                : options.index.output || 'index.html',
+            insertionOrder: [
+                ['polyfills', true],
+                ...globalStyles.filter((s) => s.initial).map((s) => [s.name, false]),
+                ...globalScripts.filter((s) => s.initial).map((s) => [s.name, false]),
+                ['main', true],
+                // [name, esm]
+            ],
             transformer: extensions?.indexHtmlTransformer,
             // Preload initial defaults to true
             preloadInitial: typeof options.index !== 'object' || (options.index.preloadInitial ?? true),
@@ -151,7 +141,7 @@ async function normalizeOptions(context, projectName, options, extensions) {
         serverEntryPoint = node_path_1.default.join(workspaceRoot, options.server);
     }
     else if (options.server === '') {
-        throw new Error('`server` option cannot be an empty string.');
+        throw new Error('The "server" option cannot be an empty string.');
     }
     let prerenderOptions;
     if (options.prerender) {
@@ -177,6 +167,9 @@ async function normalizeOptions(context, projectName, options, extensions) {
             route: 'shell',
         };
     }
+    if ((appShellOptions || ssrOptions || prerenderOptions) && !serverEntryPoint) {
+        throw new Error('The "server" option is required when enabling "ssr", "prerender" or "app-shell".');
+    }
     // Initial options to keep
     const { allowedCommonJsDependencies, aot, baseHref, crossOrigin, externalDependencies, extractLicenses, inlineStyleLanguage = 'css', outExtension, serviceWorker, poll, polyfills, statsJson, stylePreprocessorOptions, subresourceIntegrity, verbose, watch, progress = true, externalPackages, deleteOutputPath, namedChunks, budgets, deployUrl, clearScreen, define, } = options;
     // Return all the normalized options
@@ -225,7 +218,7 @@ async function normalizeOptions(context, projectName, options, extensions) {
         i18nOptions,
         namedChunks,
         budgets: budgets?.length ? budgets : undefined,
-        publicPath: deployUrl ? deployUrl : undefined,
+        publicPath: deployUrl,
         plugins: extensions?.codePlugins?.length ? extensions?.codePlugins : undefined,
         loaderExtensions,
         jsonLogs: environment_options_1.useJSONBuildLogs,
@@ -324,3 +317,33 @@ function normalizeDirectoryPath(path) {
     }
     return path;
 }
+function normalizeGlobalEntries(rawEntries, defaultName) {
+    if (!rawEntries?.length) {
+        return [];
+    }
+    const bundles = new Map();
+    for (const rawEntry of rawEntries) {
+        let entry;
+        if (typeof rawEntry === 'string') {
+            // string entries use default bundle name and inject values
+            entry = { input: rawEntry };
+        }
+        else {
+            entry = rawEntry;
+        }
+        const { bundleName, input, inject = true } = entry;
+        // Non-injected entries default to the file name
+        const name = bundleName || (inject ? defaultName : node_path_1.default.basename(input, node_path_1.default.extname(input)));
+        const existing = bundles.get(name);
+        if (!existing) {
+            bundles.set(name, { name, files: [input], initial: inject });
+            continue;
+        }
+        if (existing.initial !== inject) {
+            throw new Error(`The "${name}" bundle is mixing injected and non-injected entries. ` +
+                'Verify that the project options are correct.');
+        }
+        existing.files.push(input);
+    }
+    return [...bundles.values()];
+}

package/src/builders/application/schema.d.ts

@@ -54,6 +54,12 @@ export interface Schema {
      * Delete the output path before building.
      */
     deleteOutputPath?: boolean;
+    /**
+     * Customize the base path for the URLs of resources in 'index.html' and component
+     * stylesheets. This option is only necessary for specific deployment scenarios, such as
+     * with Angular Elements or when utilizing different CDN locations.
+     */
+    deployUrl?: string;
     /**
      * Exclude the listed external dependencies from being bundled into the bundle. Instead, the
      * created bundle relies on these dependencies to be available during runtime.

package/src/builders/application/schema.json

@@ -33,6 +33,10 @@
       "type": "string",
       "description": "The full path for the TypeScript configuration file, relative to the current workspace."
     },
+    "deployUrl": {
+      "type": "string",
+      "description": "Customize the base path for the URLs of resources in 'index.html' and component stylesheets. This option is only necessary for specific deployment scenarios, such as with Angular Elements or when utilizing different CDN locations."
+    },
     "scripts": {
       "description": "Global scripts to be included in the build.",
       "type": "array",

package/src/builders/browser/index.js

@@ -60,7 +60,7 @@ const webpack_browser_config_1 = require("../../utils/webpack-browser-config");
  * Maximum time in milliseconds for single build/rebuild
  * This accounts for CI variability.
  */
-exports.BUILD_TIMEOUT = 30000;
+exports.BUILD_TIMEOUT = 30_000;
 async function initialize(options, context, webpackConfigurationTransform) {
     const originalOutputPath = options.outputPath;
     // Assets are processed directly by the builder except when watching

package/src/builders/browser/schema.d.ts

@@ -41,9 +41,9 @@ export interface Schema {
      */
     deleteOutputPath?: boolean;
     /**
-     * URL where files will be deployed.
-     * @deprecated Use "baseHref" option, "APP_BASE_HREF" DI token or a combination of both
-     * instead. For more information, see https://angular.io/guide/deployment#the-deploy-url.
+     * Customize the base path for the URLs of resources in 'index.html' and component
+     * stylesheets. This option is only necessary for specific deployment scenarios, such as
+     * with Angular Elements or when utilizing different CDN locations.
      */
     deployUrl?: string;
     /**

package/src/builders/browser/schema.json

@@ -270,8 +270,7 @@
     },
     "deployUrl": {
       "type": "string",
-      "description": "URL where files will be deployed.",
-      "x-deprecated": "Use \"baseHref\" option, \"APP_BASE_HREF\" DI token or a combination of both instead. For more information, see https://angular.io/guide/deployment#the-deploy-url."
+      "description": "Customize the base path for the URLs of resources in 'index.html' and component stylesheets. This option is only necessary for specific deployment scenarios, such as with Angular Elements or when utilizing different CDN locations."
     },
     "verbose": {
       "type": "boolean",

package/src/builders/browser-esbuild/schema.d.ts

@@ -41,9 +41,9 @@ export interface Schema {
      */
     deleteOutputPath?: boolean;
     /**
-     * URL where files will be deployed.
-     * @deprecated Use "baseHref" option, "APP_BASE_HREF" DI token or a combination of both
-     * instead. For more information, see https://angular.io/guide/deployment#the-deploy-url.
+     * Customize the base path for the URLs of resources in 'index.html' and component
+     * stylesheets. This option is only necessary for specific deployment scenarios, such as
+     * with Angular Elements or when utilizing different CDN locations.
      */
     deployUrl?: string;
     /**

package/src/builders/browser-esbuild/schema.json

@@ -277,8 +277,7 @@
     },
     "deployUrl": {
       "type": "string",
-      "description": "URL where files will be deployed.",
-      "x-deprecated": "Use \"baseHref\" option, \"APP_BASE_HREF\" DI token or a combination of both instead. For more information, see https://angular.io/guide/deployment#the-deploy-url."
+      "description": "Customize the base path for the URLs of resources in 'index.html' and component stylesheets. This option is only necessary for specific deployment scenarios, such as with Angular Elements or when utilizing different CDN locations."
     },
     "verbose": {
       "type": "boolean",

package/src/builders/dev-server/builder.js

@@ -54,19 +54,28 @@ function execute(options, context, transforms = {}, extensions) {
     // Determine project name from builder context target
     const projectName = context.target?.project;
     if (!projectName) {
-        context.logger.error(`The 'dev-server' builder requires a target to be specified.`);
+        context.logger.error(`The "dev-server" builder requires a target to be specified.`);
         return rxjs_1.EMPTY;
     }
     return (0, rxjs_1.defer)(() => initialize(options, projectName, context, extensions?.builderSelector)).pipe((0, rxjs_1.switchMap)(({ builderName, normalizedOptions }) => {
         // Use vite-based development server for esbuild-based builds
         if (isEsbuildBased(builderName)) {
             if (transforms?.logging || transforms?.webpackConfiguration) {
-                throw new Error('The `application` and `browser-esbuild` builders do not support Webpack transforms.');
+                throw new Error(`The "application" and "browser-esbuild" builders do not support Webpack transforms.`);
             }
             // Warn if the initial options provided by the user enable prebundling but caching is disabled
             if (options.prebundle && !normalizedOptions.cacheOptions.enabled) {
                 context.logger.warn(`Prebundling has been configured but will not be used because caching has been disabled.`);
             }
+            if (options.allowedHosts?.length) {
+                context.logger.warn(`The "allowedHost" option will not be used because it is not supported by the "${builderName}" builder.`);
+            }
+            if (options.publicHost) {
+                context.logger.warn(`The "publicHost" option will not be used because it is not supported by the "${builderName}" builder.`);
+            }
+            if (options.disableHostCheck) {
+                context.logger.warn(`The "disableHostCheck" option will not be used because it is not supported by the "${builderName}" builder.`);
+            }
             return (0, rxjs_1.defer)(() => Promise.resolve().then(() => __importStar(require('./vite-server')))).pipe((0, rxjs_1.switchMap)(({ serveWithVite }) => serveWithVite(normalizedOptions, builderName, context, transforms, extensions)));
         }
         // Warn if the initial options provided by the user enable prebundling with Webpack-based builders
@@ -74,10 +83,10 @@ function execute(options, context, transforms = {}, extensions) {
             context.logger.warn(`Prebundling has been configured but will not be used because it is not supported by the "${builderName}" builder.`);
         }
         if (extensions?.buildPlugins?.length) {
-            throw new Error('Only the `application` and `browser-esbuild` builders support plugins.');
+            throw new Error('Only the "application" and "browser-esbuild" builders support plugins.');
         }
         if (extensions?.middleware?.length) {
-            throw new Error('Only the `application` and `browser-esbuild` builders support middleware.');
+            throw new Error('Only the "application" and "browser-esbuild" builders support middleware.');
         }
         // Use Webpack for all other browser targets
         return (0, rxjs_1.defer)(() => Promise.resolve().then(() => __importStar(require('./webpack-server')))).pipe((0, rxjs_1.switchMap)(({ serveWebpackBrowser }) => serveWebpackBrowser(normalizedOptions, builderName, context, transforms)));

package/src/builders/dev-server/schema.d.ts

@@ -3,7 +3,8 @@
  */
 export interface Schema {
     /**
-     * List of hosts that are allowed to access the dev server.
+     * List of hosts that are allowed to access the dev server. This option has no effect when
+     * using the 'application' or other esbuild-based builders.
      */
     allowedHosts?: string[];
     /**
@@ -20,7 +21,8 @@ export interface Schema {
      */
     buildTarget?: string;
     /**
-     * Don't verify connected clients are part of allowed hosts.
+     * Don't verify connected clients are part of allowed hosts. This option has no effect when
+     * using the 'application' or other esbuild-based builders.
      */
     disableHostCheck?: boolean;
     /**
@@ -72,7 +74,8 @@ export interface Schema {
     /**
      * The URL that the browser client (or live-reload client, if enabled) should use to connect
      * to the development server. Use for a complex dev server setup, such as one with reverse
-     * proxies.
+     * proxies. This option has no effect when using the 'application' or other esbuild-based
+     * builders.
      */
     publicHost?: string;
     /**

package/src/builders/dev-server/schema.json

@@ -69,11 +69,11 @@
     },
     "publicHost": {
       "type": "string",
-      "description": "The URL that the browser client (or live-reload client, if enabled) should use to connect to the development server. Use for a complex dev server setup, such as one with reverse proxies."
+      "description": "The URL that the browser client (or live-reload client, if enabled) should use to connect to the development server. Use for a complex dev server setup, such as one with reverse proxies. This option has no effect when using the 'application' or other esbuild-based builders."
     },
     "allowedHosts": {
       "type": "array",
-      "description": "List of hosts that are allowed to access the dev server.",
+      "description": "List of hosts that are allowed to access the dev server. This option has no effect when using the 'application' or other esbuild-based builders.",
       "default": [],
       "items": {
         "type": "string"
@@ -85,7 +85,7 @@
     },
     "disableHostCheck": {
       "type": "boolean",
-      "description": "Don't verify connected clients are part of allowed hosts.",
+      "description": "Don't verify connected clients are part of allowed hosts. This option has no effect when using the 'application' or other esbuild-based builders.",
       "default": false
     },
     "hmr": {

package/src/builders/dev-server/vite-server.js

@@ -373,6 +373,10 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                 // the Vite client-side code for browser reloading. These would be available by default but when
                 // the `allow` option is explicitly configured, they must be included manually.
                 allow: [cacheDir, (0, node_path_1.join)(serverOptions.workspaceRoot, 'node_modules'), ...assets.values()],
+                // Temporary disable cached FS checks.
+                // This is because we configure `config.base` to a virtual directory which causes `getRealPath` to fail.
+                // See: https://github.com/vitejs/vite/blob/b2873ac3936de25ca8784327cb9ef16bd4881805/packages/vite/src/node/fsUtils.ts#L45-L67
+                cachedChecks: false,
             },
             // This is needed when `externalDependencies` is used to prevent Vite load errors.
             // NOTE: If Vite adds direct support for externals, this can be removed.
@@ -418,7 +422,6 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                 external: externalMetadata.explicit,
                 indexHtmlTransformer,
                 extensionMiddleware,
-                extraHeaders: serverOptions.headers,
                 normalizePath,
             }),
         ],
@@ -474,12 +477,12 @@ function getDepOptimizationConfig({ disabled, exclude, include, target, prebundl
         plugins.unshift((0, rxjs_esm_resolution_plugin_1.createRxjsEsmResolutionPlugin)());
     }
     return {
-        // Only enable with caching since it causes prebundle dependencies to be cached
-        disabled,
         // Exclude any explicitly defined dependencies (currently build defined externals)
         exclude,
+        // NB: to disable the deps optimizer, set optimizeDeps.noDiscovery to true and optimizeDeps.include as undefined.
         // Include all implict dependencies from the external packages internal option
-        include,
+        include: disabled ? undefined : include,
+        noDiscovery: disabled,
         // Add an esbuild plugin to run the Angular linker on dependencies
         esbuildOptions: {
             // Set esbuild supported targets.

package/src/builders/prerender/index.js

@@ -69,6 +69,7 @@ async function getRoutes(indexFile, outputPath, serverBundlePath, options, works
                 serverBundlePath,
                 zonePackage: require.resolve('zone.js', { paths: [workspaceRoot] }),
             },
+            recordTiming: false,
         });
         const extractedRoutes = await renderWorker
             .run({})
@@ -140,6 +141,7 @@ async function _renderUniversal(options, context, browserResult, serverResult, b
         filename: path.join(__dirname, 'render-worker.js'),
         maxThreads: environment_options_1.maxWorkers,
         workerData: { zonePackage },
+        recordTiming: false,
     });
     let routes;
     try {