@angular-devkit/build-angular 0.1100.1 → 0.1100.5

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "0.1100.1",
+  "version": "0.1100.5",
   "description": "Angular Webpack Build Facade",
   "experimental": true,
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
-    "@angular-devkit/architect": "0.1100.1",
-    "@angular-devkit/build-optimizer": "0.1100.1",
-    "@angular-devkit/build-webpack": "0.1100.1",
-    "@angular-devkit/core": "11.0.1",
+    "@angular-devkit/architect": "0.1100.5",
+    "@angular-devkit/build-optimizer": "0.1100.5",
+    "@angular-devkit/build-webpack": "0.1100.5",
+    "@angular-devkit/core": "11.0.5",
     "@babel/core": "7.12.3",
     "@babel/generator": "7.12.1",
     "@babel/plugin-transform-runtime": "7.12.1",
@@ -18,7 +18,7 @@
     "@babel/runtime": "7.12.1",
     "@babel/template": "7.10.4",
     "@jsdevtools/coverage-istanbul-loader": "3.0.5",
-    "@ngtools/webpack": "11.0.1",
+    "@ngtools/webpack": "11.0.5",
     "ansi-colors": "4.1.1",
     "autoprefixer": "9.8.6",
     "babel-loader": "8.1.0",
@@ -28,7 +28,7 @@
     "circular-dependency-plugin": "5.2.0",
     "copy-webpack-plugin": "6.2.1",
     "core-js": "3.6.5",
-    "css-loader": "5.0.0",
+    "css-loader": "4.3.0",
     "cssnano": "4.1.10",
     "file-loader": "6.1.1",
     "find-cache-dir": "3.3.1",
@@ -64,7 +64,7 @@
     "speed-measure-webpack-plugin": "1.3.3",
     "style-loader": "2.0.0",
     "stylus": "0.54.8",
-    "stylus-loader": "4.1.1",
+    "stylus-loader": "4.3.1",
     "terser": "5.3.7",
     "terser-webpack-plugin": "4.2.3",
     "text-table": "0.2.0",
@@ -78,10 +78,10 @@
     "worker-plugin": "5.0.0"
   },
   "peerDependencies": {
-    "@angular/compiler-cli": "^11.0.0 || ^11.0.0-next",
-    "@angular/localize": "^11.0.0 || ^11.0.0-next",
+    "@angular/compiler-cli": "^11.0.0",
+    "@angular/localize": "^11.0.0",
     "karma": "~5.1.0",
-    "ng-packagr": "^11.0.0 || ^11.0.0-next",
+    "ng-packagr": "^11.0.0",
     "protractor": "^7.0.0",
     "tslint": "^6.1.0",
     "typescript": "~4.0.0"
@@ -103,11 +103,6 @@
       "optional": true
     }
   },
-  "ng-update": {
-    "packageGroup": {
-      "codelyzer": "^6.0.0"
-    }
-  },
   "keywords": [
     "angular",
     "Angular CLI",
@@ -129,11 +124,5 @@
   "bugs": {
     "url": "https://github.com/angular/angular-cli/issues"
   },
-  "homepage": "https://github.com/angular/angular-cli",
-  "husky": {
-    "hooks": {
-      "commit-msg": "yarn -s ng-dev commit-message pre-commit-validate --file-env-variable HUSKY_GIT_PARAMS",
-      "prepare-commit-msg": "yarn -s ng-dev commit-message restore-commit-message-draft --file-env-variable HUSKY_GIT_PARAMS"
-    }
-  }
+  "homepage": "https://github.com/angular/angular-cli"
 }

package/src/app-shell/schema.d.ts

@@ -9,7 +9,9 @@ export interface Schema {
      */
     appModuleBundle?: string;
     /**
-     * Target to build.
+     * A browser builder target use for rendering the app shell in the format of
+     * `project:target[:configuration]`. You can also pass in more than one configuration name
+     * as a comma-separated list. Example: `project:target:production,staging`.
      */
     browserTarget: string;
     /**
@@ -26,7 +28,9 @@ export interface Schema {
      */
     route?: string;
     /**
-     * Server target to use for rendering the app shell.
+     * A server builder target use for rendering the app shell in the format of
+     * `project:target[:configuration]`. You can also pass in more than one configuration name
+     * as a comma-separated list. Example: `project:target:production,staging`.
      */
     serverTarget: string;
 }

package/src/app-shell/schema.json

@@ -6,12 +6,12 @@
   "properties": {
     "browserTarget": {
       "type": "string",
-      "description": "Target to build.",
+      "description": "A browser builder target use for rendering the app shell in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.",
       "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
     },
     "serverTarget": {
       "type": "string",
-      "description": "Server target to use for rendering the app shell.",
+      "description": "A server builder target use for rendering the app shell in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.",
       "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
     },
     "appModuleBundle": {

package/src/browser/schema.d.ts

@@ -95,6 +95,9 @@ export interface Schema {
      * 'import()' syntax instead.
      */
     lazyModules?: string[];
+    /**
+     * Translate the bundles in one or more locales.
+     */
     localize?: Localize;
     /**
      * The full path for the main entry point to the app, relative to the current workspace.
@@ -109,7 +112,9 @@ export interface Schema {
      */
     ngswConfigPath?: string;
     /**
-     * Enables optimization of the build output.
+     * Enables optimization of the build output. Including minification of scripts and styles,
+     * tree-shaking, dead-code elimination and fonts inlining. For more information, see
+     * https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.
      */
     optimization?: OptimizationUnion;
     /**
@@ -156,7 +161,7 @@ export interface Schema {
      */
     showCircularDependencies?: boolean;
     /**
-     * Output sourcemaps.
+     * Output source maps.
      */
     sourceMap?: SourceMapUnion;
     /**
@@ -303,9 +308,14 @@ export interface IndexObject {
      */
     output?: string;
 }
+/**
+ * Translate the bundles in one or more locales.
+ */
 export declare type Localize = string[] | boolean;
 /**
- * Enables optimization of the build output.
+ * Enables optimization of the build output. Including minification of scripts and styles,
+ * tree-shaking, dead-code elimination and fonts inlining. For more information, see
+ * https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.
  */
 export declare type OptimizationUnion = boolean | OptimizationClass;
 export interface OptimizationClass {
@@ -328,8 +338,8 @@ export interface OptimizationClass {
 export declare type FontsUnion = boolean | FontsClass;
 export interface FontsClass {
     /**
-     * Reduce render blocking requests by inlining external fonts in the application's HTML
-     * index file. This requires internet access.
+     * Reduce render blocking requests by inlining external Google fonts and icons CSS
+     * definitions in the application's HTML index file. This requires internet access.
      */
     inline?: boolean;
 }
@@ -358,24 +368,24 @@ export interface ExtraEntryPointClass {
     input: string;
 }
 /**
- * Output sourcemaps.
+ * Output source maps.
  */
 export declare type SourceMapUnion = boolean | SourceMapClass;
 export interface SourceMapClass {
     /**
-     * Output sourcemaps used for error reporting tools.
+     * Output source maps used for error reporting tools.
      */
     hidden?: boolean;
     /**
-     * Output sourcemaps for all scripts.
+     * Output source maps for all scripts.
      */
     scripts?: boolean;
     /**
-     * Output sourcemaps for all styles.
+     * Output source maps for all styles.
      */
     styles?: boolean;
     /**
-     * Resolve vendor packages sourcemaps.
+     * Resolve vendor packages source maps.
      */
     vendor?: boolean;
 }

package/src/browser/schema.json

@@ -57,7 +57,7 @@
       "additionalProperties": false
     },
     "optimization": {
-      "description": "Enables optimization of the build output.",
+      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination and fonts inlining. For more information, see https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.",
       "x-user-analytics": 16,
       "default": false,
       "oneOf": [
@@ -83,7 +83,7 @@
                   "properties": {
                     "inline": {
                       "type": "boolean",
-                      "description": "Reduce render blocking requests by inlining external fonts in the application's HTML index file. This requires internet access.",
+                      "description": "Reduce render blocking requests by inlining external Google fonts and icons CSS definitions in the application's HTML index file. This requires internet access.",
                       "default": true
                     }
                   },
@@ -126,7 +126,7 @@
       "default": false
     },
     "sourceMap": {
-      "description": "Output sourcemaps.",
+      "description": "Output source maps.",
       "default": true,
       "oneOf": [
         {
@@ -134,22 +134,22 @@
           "properties": {
             "scripts": {
               "type": "boolean",
-              "description": "Output sourcemaps for all scripts.",
+              "description": "Output source maps for all scripts.",
               "default": true
             },
             "styles": {
               "type": "boolean",
-              "description": "Output sourcemaps for all styles.",
+              "description": "Output source maps for all styles.",
               "default": true
             },
             "hidden": {
               "type": "boolean",
-              "description": "Output sourcemaps used for error reporting tools.",
+              "description": "Output source maps used for error reporting tools.",
               "default": false
             },
             "vendor": {
               "type": "boolean",
-              "description": "Resolve vendor packages sourcemaps.",
+              "description": "Resolve vendor packages source maps.",
               "default": false
             }
           },
@@ -210,6 +210,7 @@
       "default": "warning"
     },
     "localize": {
+      "description": "Translate the bundles in one or more locales.",
       "oneOf": [
         {
           "type": "boolean",
@@ -429,11 +430,11 @@
           "properties": {
             "src": {
               "type": "string",
-              "pattern": "\\.([cm]?j|t)sx?$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             },
             "replaceWith": {
               "type": "string",
-              "pattern": "\\.([cm]?j|t)sx?$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             }
           },
           "additionalProperties": false,
@@ -447,11 +448,11 @@
           "properties": {
             "replace": {
               "type": "string",
-              "pattern": "\\.([cm]?j|t)sx?$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             },
             "with": {
               "type": "string",
-              "pattern": "\\.([cm]?j|t)sx?$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             }
           },
           "additionalProperties": false,

package/src/dev-server/index.js

@@ -19,6 +19,7 @@ const ts = require("typescript");
 const url = require("url");
 const webpackDevServer = require("webpack-dev-server");
 const browser_1 = require("../browser");
+const schema_1 = require("../browser/schema");
 const utils_1 = require("../utils");
 const cache_path_1 = require("../utils/cache-path");
 const check_port_1 = require("../utils/check-port");
@@ -64,7 +65,7 @@ function serveWebpackBrowser(options, context, transforms = {}) {
     async function setup() {
         var _a;
         // Get the browser configuration from the target name.
-        const rawBrowserOptions = await context.getTargetOptions(browserTarget);
+        const rawBrowserOptions = (await context.getTargetOptions(browserTarget));
         options.port = await check_port_1.checkPort((_a = options.port) !== null && _a !== void 0 ? _a : 4200, options.host || 'localhost');
         // Override options we need to override, if defined.
         const overrides = Object.keys(options)
@@ -82,6 +83,12 @@ function serveWebpackBrowser(options, context, transforms = {}) {
         }), {});
         // In dev server we should not have budgets because of extra libs such as socks-js
         overrides.budgets = undefined;
+        if (rawBrowserOptions.outputHashing && rawBrowserOptions.outputHashing !== schema_1.OutputHashing.None) {
+            // Disable output hashing for dev build as this can cause memory leaks
+            // See: https://github.com/webpack/webpack-dev-server/issues/377#issuecomment-241258405
+            overrides.outputHashing = schema_1.OutputHashing.None;
+            logger.warn(`Warning: 'outputHashing' option is disabled when using the dev-server.`);
+        }
         const browserName = await context.getBuilderNameForTarget(browserTarget);
         const browserOptions = await context.validateOptions({ ...rawBrowserOptions, ...overrides }, browserName);
         const { config, projectRoot, i18n } = await webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext(browserOptions, context, wco => [

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

@@ -17,7 +17,9 @@ export interface Schema {
      */
     baseHref?: string;
     /**
-     * Target to serve.
+     * A browser builder target to serve in the format of `project:target[:configuration]`. You
+     * can also pass in more than one configuration name as a comma-separated list. Example:
+     * `project:target:production,staging`.
      */
     browserTarget: string;
     /**
@@ -62,7 +64,10 @@ export interface Schema {
      */
     open?: boolean;
     /**
-     * Enables optimization of the build output.
+     * Enables optimization of the build output. Including minification of scripts and styles,
+     * tree-shaking, dead-code elimination, tree-shaking and fonts inlining. For more
+     * information, see
+     * https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.
      * @deprecated Use the "optimization" option in the browser builder instead.
      */
     optimization?: OptimizationUnion;
@@ -99,7 +104,7 @@ export interface Schema {
      */
     servePathDefaultWarning?: boolean;
     /**
-     * Output sourcemaps.
+     * Output source maps.
      * @deprecated Use the "sourceMap" option in the browser builder instead.
      */
     sourceMap?: SourceMapUnion;
@@ -130,7 +135,10 @@ export interface Schema {
     watch?: boolean;
 }
 /**
- * Enables optimization of the build output.
+ * Enables optimization of the build output. Including minification of scripts and styles,
+ * tree-shaking, dead-code elimination, tree-shaking and fonts inlining. For more
+ * information, see
+ * https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.
  * @deprecated Use the "optimization" option in the browser builder instead.
  */
 export declare type OptimizationUnion = boolean | OptimizationClass;
@@ -145,25 +153,25 @@ export interface OptimizationClass {
     styles?: boolean;
 }
 /**
- * Output sourcemaps.
+ * Output source maps.
  * @deprecated Use the "sourceMap" option in the browser builder instead.
  */
 export declare type SourceMapUnion = boolean | SourceMapClass;
 export interface SourceMapClass {
     /**
-     * Output sourcemaps used for error reporting tools.
+     * Output source maps used for error reporting tools.
      */
     hidden?: boolean;
     /**
-     * Output sourcemaps for all scripts.
+     * Output source maps for all scripts.
      */
     scripts?: boolean;
     /**
-     * Output sourcemaps for all styles.
+     * Output source maps for all styles.
      */
     styles?: boolean;
     /**
-     * Resolve vendor packages sourcemaps.
+     * Resolve vendor packages source maps.
      */
     vendor?: boolean;
 }

package/src/dev-server/schema.json

@@ -6,7 +6,7 @@
   "properties": {
     "browserTarget": {
       "type": "string",
-      "description": "Target to serve.",
+      "description": "A browser builder target to serve in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.",
       "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
     },
     "port": {
@@ -105,7 +105,7 @@
       "x-deprecated": "No longer has an effect."
     },
     "optimization": {
-      "description": "Enables optimization of the build output.",
+      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, tree-shaking and fonts inlining. For more information, see https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.",
       "x-user-analytics": 16,
       "oneOf": [
         {
@@ -137,29 +137,29 @@
       "x-deprecated": "Use the \"aot\" option in the browser builder instead."
     },
     "sourceMap": {
-      "description": "Output sourcemaps.",
+      "description": "Output source maps.",
       "oneOf": [
         {
           "type": "object",
           "properties": {
             "scripts": {
               "type": "boolean",
-              "description": "Output sourcemaps for all scripts.",
+              "description": "Output source maps for all scripts.",
               "default": true
             },
             "styles": {
               "type": "boolean",
-              "description": "Output sourcemaps for all styles.",
+              "description": "Output source maps for all styles.",
               "default": true
             },
             "hidden": {
               "type": "boolean",
-              "description": "Output sourcemaps used for error reporting tools.",
+              "description": "Output source maps used for error reporting tools.",
               "default": false
             },
             "vendor": {
               "type": "boolean",
-              "description": "Resolve vendor packages sourcemaps.",
+              "description": "Resolve vendor packages source maps.",
               "default": false
             }
           },

package/src/extract-i18n/schema.d.ts

@@ -3,7 +3,9 @@
  */
 export interface Schema {
     /**
-     * Target to extract from.
+     * A browser builder target to extract i18n messages in the format of
+     * `project:target[:configuration]`. You can also pass in more than one configuration name
+     * as a comma-separated list. Example: `project:target:production,staging`.
      */
     browserTarget: string;
     /**

package/src/extract-i18n/schema.json

@@ -6,7 +6,7 @@
   "properties": {
     "browserTarget": {
       "type": "string",
-      "description": "Target to extract from.",
+      "description": "A browser builder target to extract i18n messages in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.",
       "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
     },
     "format": {

package/src/karma/schema.d.ts

@@ -65,7 +65,7 @@ export interface Schema {
      */
     scripts?: ExtraEntryPoint[];
     /**
-     * Output sourcemaps.
+     * Output source maps.
      */
     sourceMap?: SourceMapUnion;
     /**
@@ -130,20 +130,20 @@ export interface ExtraEntryPointClass {
     input: string;
 }
 /**
- * Output sourcemaps.
+ * Output source maps.
  */
 export declare type SourceMapUnion = boolean | SourceMapClass;
 export interface SourceMapClass {
     /**
-     * Output sourcemaps for all scripts.
+     * Output source maps for all scripts.
      */
     scripts?: boolean;
     /**
-     * Output sourcemaps for all styles.
+     * Output source maps for all styles.
      */
     styles?: boolean;
     /**
-     * Resolve vendor packages sourcemaps.
+     * Resolve vendor packages source maps.
      */
     vendor?: boolean;
 }

package/src/karma/schema.json

@@ -67,7 +67,7 @@
       "description": "Globs of files to include, relative to workspace or project root. \nThere are 2 special cases:\n - when a path to directory is provided, all spec files ending \".spec.@(ts|tsx)\" will be included\n - when a path to a file is provided, and a matching spec file exists it will be included instead"
     },
     "sourceMap": {
-      "description": "Output sourcemaps.",
+      "description": "Output source maps.",
       "default": true,
       "oneOf": [
         {
@@ -75,17 +75,17 @@
           "properties": {
             "scripts": {
               "type": "boolean",
-              "description": "Output sourcemaps for all scripts.",
+              "description": "Output source maps for all scripts.",
               "default": true
             },
             "styles": {
               "type": "boolean",
-              "description": "Output sourcemaps for all styles.",
+              "description": "Output source maps for all styles.",
               "default": true
             },
             "vendor": {
               "type": "boolean",
-              "description": "Resolve vendor packages sourcemaps.",
+              "description": "Resolve vendor packages source maps.",
               "default": false
             }
           },

package/src/protractor/schema.d.ts

@@ -7,7 +7,9 @@ export interface Schema {
      */
     baseUrl?: string;
     /**
-     * Dev server target to run tests against.
+     * A dev-server builder target to run tests against in the format of
+     * `project:target[:configuration]`. You can also pass in more than one configuration name
+     * as a comma-separated list. Example: `project:target:production,staging`.
      */
     devServerTarget?: string;
     /**

package/src/protractor/schema.json

@@ -10,7 +10,7 @@
     },
     "devServerTarget": {
       "type": "string",
-      "description": "Dev server target to run tests against.",
+      "description": "A dev-server builder target to run tests against in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.",
       "pattern": "^([^:\\s]+:[^:\\s]+(:[^\\s]+)?)?$"
     },
     "grep": {

package/src/server/schema.d.ts

@@ -55,6 +55,9 @@ export interface Schema {
      * 'import()' syntax instead.
      */
     lazyModules?: string[];
+    /**
+     * Translate the bundles in one or more locales.
+     */
     localize?: Localize;
     /**
      * The name of the main entry-point file.
@@ -65,7 +68,9 @@ export interface Schema {
      */
     namedChunks?: boolean;
     /**
-     * Enables optimization of the build output.
+     * Enables optimization of the build output. Including minification of scripts and styles,
+     * tree-shaking and dead-code elimination. For more information, see
+     * https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.
      */
     optimization?: OptimizationUnion;
     /**
@@ -98,7 +103,7 @@ export interface Schema {
      */
     showCircularDependencies?: boolean;
     /**
-     * Output sourcemaps.
+     * Output source maps.
      */
     sourceMap?: SourceMapUnion;
     /**
@@ -146,9 +151,14 @@ export declare enum I18NMissingTranslation {
     Ignore = "ignore",
     Warning = "warning"
 }
+/**
+ * Translate the bundles in one or more locales.
+ */
 export declare type Localize = string[] | boolean;
 /**
- * Enables optimization of the build output.
+ * Enables optimization of the build output. Including minification of scripts and styles,
+ * tree-shaking and dead-code elimination. For more information, see
+ * https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.
  */
 export declare type OptimizationUnion = boolean | OptimizationClass;
 export interface OptimizationClass {
@@ -171,24 +181,24 @@ export declare enum OutputHashing {
     None = "none"
 }
 /**
- * Output sourcemaps.
+ * Output source maps.
  */
 export declare type SourceMapUnion = boolean | SourceMapClass;
 export interface SourceMapClass {
     /**
-     * Output sourcemaps used for error reporting tools.
+     * Output source maps used for error reporting tools.
      */
     hidden?: boolean;
     /**
-     * Output sourcemaps for all scripts.
+     * Output source maps for all scripts.
      */
     scripts?: boolean;
     /**
-     * Output sourcemaps for all styles.
+     * Output source maps for all styles.
      */
     styles?: boolean;
     /**
-     * Resolve vendor packages sourcemaps.
+     * Resolve vendor packages source maps.
      */
     vendor?: boolean;
 }

package/src/server/schema.json

@@ -29,7 +29,7 @@
       "additionalProperties": false
     },
     "optimization": {
-      "description": "Enables optimization of the build output.",
+      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking and dead-code elimination. For more information, see https://angular.io/guide/workspace-config#optimization-and-source-map-configuration.",
       "x-user-analytics": 16,
       "default": false,
       "oneOf": [
@@ -72,7 +72,7 @@
       "default": ""
     },
     "sourceMap": {
-      "description": "Output sourcemaps.",
+      "description": "Output source maps.",
       "default": true,
       "oneOf": [
         {
@@ -80,22 +80,22 @@
           "properties": {
             "scripts": {
               "type": "boolean",
-              "description": "Output sourcemaps for all scripts.",
+              "description": "Output source maps for all scripts.",
               "default": true
             },
             "styles": {
               "type": "boolean",
-              "description": "Output sourcemaps for all styles.",
+              "description": "Output source maps for all styles.",
               "default": true
             },
             "hidden": {
               "type": "boolean",
-              "description": "Output sourcemaps used for error reporting tools.",
+              "description": "Output source maps used for error reporting tools.",
               "default": false
             },
             "vendor": {
               "type": "boolean",
-              "description": "Resolve vendor packages sourcemaps.",
+              "description": "Resolve vendor packages source maps.",
               "default": false
             }
           },
@@ -142,6 +142,7 @@
       "default": "warning"
     },
     "localize": {
+      "description": "Translate the bundles in one or more locales.",
       "oneOf": [
         {
           "type": "boolean",
@@ -260,11 +261,11 @@
           "properties": {
             "src": {
               "type": "string",
-              "pattern": "\\.([cm]?j|t)sx?$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             },
             "replaceWith": {
               "type": "string",
-              "pattern": "\\.([cm]?j|t)sx?$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             }
           },
           "additionalProperties": false,
@@ -278,11 +279,11 @@
           "properties": {
             "replace": {
               "type": "string",
-              "pattern": "\\.([cm]?j|t)sx?$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             },
             "with": {
               "type": "string",
-              "pattern": "\\.([cm]?j|t)sx?$"
+              "pattern": "\\.(([cm]?j|t)sx?|json)$"
             }
           },
           "additionalProperties": false,

package/src/utils/index-file/augment-index-html.js

@@ -41,7 +41,7 @@ async function augmentIndexHtml(params) {
             }
         }
     }
-    const scriptTags = [];
+    let scriptTags = [];
     for (const script of scripts) {
         const attrs = [`src="${deployUrl}${script}"`];
         if (crossOrigin !== 'none') {
@@ -75,7 +75,7 @@ async function augmentIndexHtml(params) {
         }
         scriptTags.push(`<script ${attrs.join(' ')}></script>`);
     }
-    const linkTags = [];
+    let linkTags = [];
     for (const stylesheet of stylesheets) {
         const attrs = [
             `rel="stylesheet"`,
@@ -124,17 +124,24 @@ async function augmentIndexHtml(params) {
                 for (const linkTag of linkTags) {
                     rewriter.emitRaw(linkTag);
                 }
+                linkTags = [];
                 break;
             case 'body':
                 // Add script tags
                 for (const scriptTag of scriptTags) {
                     rewriter.emitRaw(scriptTag);
                 }
+                scriptTags = [];
                 break;
         }
         rewriter.emitEndTag(tag);
     });
-    return transformedContent;
+    const content = await transformedContent;
+    if (linkTags.length || scriptTags.length) {
+        // In case no body/head tags are not present (dotnet partial templates)
+        return linkTags.join('') + scriptTags.join('') + content;
+    }
+    return content;
 }
 exports.augmentIndexHtml = augmentIndexHtml;
 function generateSriAttributes(content) {

package/src/utils/spinner.js

@@ -14,7 +14,13 @@ class Spinner {
     constructor(text) {
         /** When false, only fail messages will be displayed. */
         this.enabled = true;
-        this.spinner = ora(text);
+        this.spinner = ora({
+            text,
+            // The below 2 options are needed because otherwise CTRL+C will be delayed
+            // when the underlying process is sync.
+            hideCursor: false,
+            discardStdin: false,
+        });
     }
     set text(text) {
         this.spinner.text = text;

package/src/webpack/configs/common.js

@@ -333,6 +333,7 @@ function getCommonConfig(wco) {
                         // See https://github.com/webpack/webpack/issues/2899#issuecomment-317425926.
                         passes: buildOptions.buildOptimizer ? 3 : 1,
                         global_defs: angularGlobalDefinitions,
+                        pure_funcs: ['forwardRef'],
                     }),
             // We also want to avoid mangling on server.
             // Name mangling is handled within the browser builder

package/src/webpack/configs/dev-server.js

@@ -30,6 +30,9 @@ function getDevServerConfig(wco) {
         const parsedHost = url.parse(publicHost);
         publicHost = parsedHost.host;
     }
+    else {
+        publicHost = '0.0.0.0:0';
+    }
     if (!watch) {
         // There's no option to turn off file watching in webpack-dev-server, but
         // we can override the file watcher instead.

package/src/webpack/configs/styles.js

@@ -118,17 +118,10 @@ function getStylesConfig(wco) {
         {
             test: /\.styl$/,
             use: [
-                {
-                    loader: require.resolve('resolve-url-loader'),
-                    options: {
-                        sourceMap: cssSourceMap,
-                    },
-                },
                 {
                     loader: require.resolve('stylus-loader'),
                     options: {
                         sourceMap: cssSourceMap,
-                        webpackImporter: false,
                         stylusOptions: {
                             compress: false,
                             sourceMap: { comment: false },
@@ -198,7 +191,7 @@ function getStylesConfig(wco) {
     }));
     // load global css as css files
     if (globalStylePaths.length > 0) {
-        const globalSourceMap = !!(cssSourceMap && !buildOptions.extractCss && !buildOptions.sourceMap.hidden);
+        const globalSourceMap = !!cssSourceMap && !buildOptions.sourceMap.hidden;
         rules.push(...baseRules.map(({ test, use }) => {
             return {
                 include: globalStylePaths,

package/src/webpack/plugins/hmr/hmr-accept.js

@@ -34,7 +34,8 @@ function default_1(mod) {
         if (!appRef) {
             return;
         }
-        const oldInputs = document.querySelectorAll('input, textarea');
+        // Inputs that are hidden should be ignored
+        const oldInputs = document.querySelectorAll('input:not([type="hidden"]), textarea');
         const oldOptions = document.querySelectorAll('option');
         // Create new application
         appRef.components
@@ -115,8 +116,8 @@ function dispatchEvents(element) {
     element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' }));
 }
 function restoreFormValues(oldInputs, oldOptions) {
-    // Restore input
-    const newInputs = document.querySelectorAll('input, textarea');
+    // Restore input that are not hidden
+    const newInputs = document.querySelectorAll('input:not([type="hidden"]), textarea');
     if (newInputs.length && newInputs.length === oldInputs.length) {
         console.log('[NG HMR] Restoring input/textarea values.');
         for (let index = 0; index < newInputs.length; index++) {

package/src/webpack/plugins/karma.js

@@ -79,8 +79,8 @@ const init = (config, emitter, customFileHandlers) => {
         config.plugins = config.plugins || [];
         config.reporters = config.reporters || [];
         const { plugins, reporters } = config;
-        const hasCoveragePlugin = plugins.some((p) => 'reporter:coverage' in p);
-        const hasIstanbulPlugin = plugins.some((p) => 'reporter:coverage-istanbul' in p);
+        const hasCoveragePlugin = plugins.some(isPlugin('karma-coverage', 'reporter:coverage'));
+        const hasIstanbulPlugin = plugins.some(isPlugin('karma-coverage-istanbul-reporter', 'reporter:coverage-istanbul'));
         const hasCoverageReporter = reporters.includes('coverage');
         const hasIstanbulReporter = reporters.includes('coverage-istanbul');
         if (hasCoveragePlugin && !hasCoverageReporter) {
@@ -292,6 +292,21 @@ function fallbackMiddleware() {
         }
     };
 }
+/**
+ * Returns a function that returns true if the plugin identifier matches the
+ * `moduleId` or `pluginName`. A plugin identifier can be either a string or
+ * an object according to https://karma-runner.github.io/5.2/config/plugins.html
+ * @param moduleId name of the node module (e.g. karma-coverage)
+ * @param pluginName name of the karma plugin (e.g. reporter:coverage)
+ */
+function isPlugin(moduleId, pluginName) {
+    return (plugin) => {
+        if (typeof plugin === 'string') {
+            return plugin === moduleId;
+        }
+        return pluginName in plugin;
+    };
+}
 module.exports = {
     'framework:@angular-devkit/build-angular': ['factory', init],
     'reporter:@angular-devkit/build-angular--sourcemap-reporter': ['type', sourceMapReporter],

package/src/webpack/plugins/optimize-css-webpack-plugin.js

@@ -95,7 +95,7 @@ class OptimizeCssWebpackPlugin {
                     // tslint:disable-next-line: no-any
                     cssNano.process(content, postCssOptions, cssNanoOptions)
                         .then(resolve)
-                        .catch(reject);
+                        .catch((err) => reject(new Error(`${file} ${err.message}`)));
                 });
                 for (const { text } of output.warnings()) {
                     webpack_diagnostics_1.addWarning(compilation, text);