@angular-devkit/build-angular 12.2.1 → 12.2.2

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "12.2.1",
+  "version": "12.2.2",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "1.0.1",
-    "@angular-devkit/architect": "0.1202.1",
-    "@angular-devkit/build-optimizer": "0.1202.1",
-    "@angular-devkit/build-webpack": "0.1202.1",
-    "@angular-devkit/core": "12.2.1",
+    "@angular-devkit/architect": "0.1202.2",
+    "@angular-devkit/build-optimizer": "0.1202.2",
+    "@angular-devkit/build-webpack": "0.1202.2",
+    "@angular-devkit/core": "12.2.2",
     "@babel/core": "7.14.8",
     "@babel/generator": "7.14.8",
     "@babel/helper-annotate-as-pure": "7.14.5",
@@ -22,7 +22,7 @@
     "@babel/template": "7.14.5",
     "@discoveryjs/json-ext": "0.5.3",
     "@jsdevtools/coverage-istanbul-loader": "3.0.5",
-    "@ngtools/webpack": "12.2.1",
+    "@ngtools/webpack": "12.2.2",
     "ansi-colors": "4.1.1",
     "babel-loader": "8.2.2",
     "browserslist": "^4.9.1",
@@ -77,11 +77,11 @@
     "webpack-subresource-integrity": "1.5.2"
   },
   "peerDependencies": {
-    "@angular/compiler-cli": "^12.0.0 || ^12.2.0-next",
-    "@angular/localize": "^12.0.0 || ^12.2.0-next",
-    "@angular/service-worker": "^12.0.0 || ^12.2.0-next",
+    "@angular/compiler-cli": "^12.0.0",
+    "@angular/localize": "^12.0.0",
+    "@angular/service-worker": "^12.0.0",
     "karma": "^6.3.0",
-    "ng-packagr": "^12.0.0 || ^12.1.0-next",
+    "ng-packagr": "^12.0.0",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0",
     "tslint": "^6.1.0",

package/src/webpack/configs/styles.js

@@ -261,6 +261,7 @@ function getStylesConfig(wco) {
             ],
         };
         const globalBundlesRegExp = new RegExp(`^(${Object.keys(entryPoints).join('|')})(\.[0-9a-f]{20})?.css$`);
+        const target = transformSupportedBrowsersToTargets(supportedBrowsers);
         extraMinimizers.push(
         // Component styles use esbuild which is faster and generates smaller files on average.
         // esbuild does not yet support style sourcemaps but component style sourcemaps are not
@@ -276,6 +277,7 @@ function getStylesConfig(wco) {
                     loader: 'css',
                     minify: true,
                     sourcefile,
+                    target,
                 });
                 return {
                     code,
@@ -432,3 +434,15 @@ function getStylesConfig(wco) {
     };
 }
 exports.getStylesConfig = getStylesConfig;
+function transformSupportedBrowsersToTargets(supportedBrowsers) {
+    const transformed = [];
+    // https://esbuild.github.io/api/#target
+    const esBuildSupportedBrowsers = new Set(['safari', 'firefox', 'edge', 'chrome', 'ios']);
+    for (const browser of supportedBrowsers) {
+        const [browserName, version] = browser.split(' ');
+        if (esBuildSupportedBrowsers.has(browserName)) {
+            transformed.push(browserName + version);
+        }
+    }
+    return transformed.length ? transformed : undefined;
+}

package/src/webpack/utils/async-chunks.js

@@ -21,7 +21,7 @@ function markAsyncChunksNonInitial(webpackStats, extraEntryPoints) {
     // depended upon in Webpack, thus any extra entry point with `inject: false`,
     // **cannot** be loaded in main bundle.
     const asyncChunkIds = extraEntryPoints
-        .filter((entryPoint) => !entryPoint.inject)
+        .filter((entryPoint) => !entryPoint.inject && entryPoints[entryPoint.bundleName])
         .flatMap((entryPoint) => { var _a; return (_a = entryPoints[entryPoint.bundleName].chunks) === null || _a === void 0 ? void 0 : _a.filter((n) => n !== 'runtime'); });
     // Find chunks for each ID.
     const asyncChunks = asyncChunkIds.map((chunkId) => {