@angular-devkit/build-angular 17.2.1 → 17.2.3

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "17.2.1",
+  "version": "17.2.3",
   "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.1",
-    "@angular-devkit/build-webpack": "0.1702.1",
-    "@angular-devkit/core": "17.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",
     "@babel/generator": "7.23.6",
     "@babel/helper-annotate-as-pure": "7.22.5",
@@ -20,7 +20,7 @@
     "@babel/preset-env": "7.23.9",
     "@babel/runtime": "7.23.9",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "17.2.1",
+    "@ngtools/webpack": "17.2.3",
     "@vitejs/plugin-basic-ssl": "1.1.0",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.17",

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

@@ -53,6 +53,8 @@ const browser_esbuild_1 = require("../browser-esbuild");
 async function* serveWithVite(serverOptions, builderName, context, transformers, extensions) {
     // Get the browser configuration from the target name.
     const rawBrowserOptions = (await context.getTargetOptions(serverOptions.buildTarget));
+    // Deploy url is not used in the dev-server.
+    delete rawBrowserOptions.deployUrl;
     const browserOptions = (await context.validateOptions({
         ...rawBrowserOptions,
         watch: serverOptions.watch,

package/src/tools/esbuild/angular/compiler-plugin.js

@@ -351,7 +351,7 @@ function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserve
                 location: { file: pluginOptions.tsconfig },
                 notes: [
                     {
-                        text: 'To control ECMA version and features use the Browerslist configuration. ' +
+                        text: 'To control ECMA version and features use the Browserslist configuration. ' +
                             'For more information, see https://angular.io/guide/build#configuring-browser-compatibility',
                     },
                 ],

package/src/tools/esbuild/bundler-context.js

@@ -277,11 +277,10 @@ class BundlerContext {
             }
         }
         (0, node_assert_1.default)(this.#esbuildOptions, 'esbuild options cannot be undefined.');
-        const { assetNames = '' } = this.#esbuildOptions;
-        const mediaDirname = (0, node_path_1.dirname)(assetNames);
         const outputFiles = result.outputFiles.map((file) => {
             let fileType;
-            if ((0, node_path_1.dirname)(file.path) === mediaDirname) {
+            // All files that are not JS, CSS, WASM, or sourcemaps for them are considered media
+            if (!/\.([cm]?js|css|wasm)(\.map)?$/i.test(file.path)) {
                 fileType = BuildOutputFileType.Media;
             }
             else {

package/src/tools/esbuild/load-result-cache.js

@@ -54,13 +54,16 @@ class MemoryLoadResultCache {
         }
     }
     invalidate(path) {
-        const affected = this.#fileDependencies.get(path);
+        const affectedPaths = this.#fileDependencies.get(path);
         let found = false;
-        if (affected) {
-            affected.forEach((a) => (found ||= this.#loadResults.delete(a)));
+        if (affectedPaths) {
+            for (const affected of affectedPaths) {
+                if (this.#loadResults.delete(affected)) {
+                    found = true;
+                }
+            }
             this.#fileDependencies.delete(path);
         }
-        found ||= this.#loadResults.delete(path);
         return found;
     }
     get watchFiles() {

package/src/tools/esbuild/stylesheets/bundle-options.js

@@ -55,6 +55,9 @@ function createStylesheetBundleOptions(options, cache, inlineComponentData) {
         publicPath: options.publicPath,
         conditions: ['style', 'sass', 'less'],
         mainFields: ['style', 'sass'],
+        // Unlike JS, CSS does not have implicit file extensions in the general case.
+        // Preprocessor specific behavior is handled in each stylesheet language plugin.
+        resolveExtensions: [],
         plugins,
     };
 }

package/src/tools/webpack/plugins/typescript.js

@@ -25,7 +25,7 @@ function createIvyPlugin(wco, aot, tsconfig) {
         // which breaks the deprecated `@Effects` NGRX decorator and potentially other existing code as well.
         compilerOptions.useDefineForClassFields ??= false;
         wco.logger.warn('TypeScript compiler options "target" and "useDefineForClassFields" are set to "ES2022" and ' +
-            '"false" respectively by the Angular CLI. To control ECMA version and features use the Browerslist configuration. ' +
+            '"false" respectively by the Angular CLI. To control ECMA version and features use the Browserslist configuration. ' +
             'For more information, see https://angular.io/guide/build#configuring-browser-compatibility\n' +
             `NOTE: You can set the "target" to "ES2022" in the project's tsconfig to remove this warning.`);
     }