@angular-devkit/build-angular 17.0.2 → 17.0.3

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "17.0.2",
+  "version": "17.0.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.1700.2",
-    "@angular-devkit/build-webpack": "0.1700.2",
-    "@angular-devkit/core": "17.0.2",
+    "@angular-devkit/architect": "0.1700.3",
+    "@angular-devkit/build-webpack": "0.1700.3",
+    "@angular-devkit/core": "17.0.3",
     "@babel/core": "7.23.2",
     "@babel/generator": "7.23.0",
     "@babel/helper-annotate-as-pure": "7.22.5",
@@ -20,7 +20,7 @@
     "@babel/preset-env": "7.23.2",
     "@babel/runtime": "7.23.2",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "17.0.2",
+    "@ngtools/webpack": "17.0.3",
     "@vitejs/plugin-basic-ssl": "1.0.1",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.16",

package/src/builders/application/execute-post-bundle.js

@@ -71,7 +71,9 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
     // If localization is enabled, service worker is handled in the inlining process.
     if (serviceWorker) {
         try {
-            const serviceWorkerResult = await (0, service_worker_1.augmentAppWithServiceWorkerEsbuild)(workspaceRoot, serviceWorker, options.baseHref || '/', outputFiles, assetFiles);
+            const serviceWorkerResult = await (0, service_worker_1.augmentAppWithServiceWorkerEsbuild)(workspaceRoot, serviceWorker, options.baseHref || '/', 
+            // Ensure additional files recently added are used
+            [...outputFiles, ...additionalOutputFiles], assetFiles);
             additionalOutputFiles.push((0, utils_1.createOutputFileFromText)('ngsw.json', serviceWorkerResult.manifest, bundler_context_1.BuildOutputFileType.Browser));
             additionalAssets.push(...serviceWorkerResult.assetFiles);
         }

package/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.js

@@ -50,6 +50,10 @@ let postcss;
  * Based on https://tailwindcss.com/docs/functions-and-directives
  */
 const TAILWIND_KEYWORDS = ['@tailwind', '@layer', '@apply', '@config', 'theme(', 'screen('];
+/**
+ * Cached postcss instances that can be re-used between various StylesheetPluginFactory instances.
+ */
+const postcssProcessor = new Map();
 class StylesheetPluginFactory {
     options;
     cache;
@@ -73,9 +77,15 @@ class StylesheetPluginFactory {
                 return this.postcssProcessor;
             }
             if (options.tailwindConfiguration) {
-                postcss ??= (await Promise.resolve().then(() => __importStar(require('postcss')))).default;
-                const tailwind = await Promise.resolve(`${options.tailwindConfiguration.package}`).then(s => __importStar(require(s)));
-                this.postcssProcessor = postcss().use(tailwind.default({ config: options.tailwindConfiguration.file }));
+                const { package: tailwindPackage, file: config } = options.tailwindConfiguration;
+                const postCssInstanceKey = tailwindPackage + ':' + config;
+                this.postcssProcessor = postcssProcessor.get(postCssInstanceKey)?.deref();
+                if (!this.postcssProcessor) {
+                    postcss ??= (await Promise.resolve().then(() => __importStar(require('postcss')))).default;
+                    const tailwind = await Promise.resolve(`${tailwindPackage}`).then(s => __importStar(require(s)));
+                    this.postcssProcessor = postcss().use(tailwind.default({ config }));
+                    postcssProcessor.set(postCssInstanceKey, new WeakRef(this.postcssProcessor));
+                }
             }
             return this.postcssProcessor;
         };

package/src/utils/environment-options.js

@@ -81,5 +81,8 @@ exports.useLegacySass = (() => {
 })();
 const debugPerfVariable = process.env['NG_BUILD_DEBUG_PERF'];
 exports.debugPerformance = isPresent(debugPerfVariable) && isEnabled(debugPerfVariable);
+// Default to true on Windows to workaround Visual Studio atomic file saving watch issues
 const watchRootVariable = process.env['NG_BUILD_WATCH_ROOT'];
-exports.shouldWatchRoot = isPresent(watchRootVariable) && isEnabled(watchRootVariable);
+exports.shouldWatchRoot = process.platform === 'win32'
+    ? !isPresent(watchRootVariable) || !isDisabled(watchRootVariable)
+    : isPresent(watchRootVariable) && isEnabled(watchRootVariable);