@angular-devkit/build-angular 0.1101.0-next.4 → 0.1101.2

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "0.1101.0-next.4",
+  "version": "0.1101.2",
   "description": "Angular Webpack Build Facade",
   "experimental": true,
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
-    "@angular-devkit/architect": "0.1101.0-next.4",
-    "@angular-devkit/build-optimizer": "0.1101.0-next.4",
-    "@angular-devkit/build-webpack": "0.1101.0-next.4",
-    "@angular-devkit/core": "11.1.0-next.4",
+    "@angular-devkit/architect": "0.1101.2",
+    "@angular-devkit/build-optimizer": "0.1101.2",
+    "@angular-devkit/build-webpack": "0.1101.2",
+    "@angular-devkit/core": "11.1.2",
     "@babel/core": "7.12.10",
     "@babel/generator": "7.12.11",
     "@babel/plugin-transform-runtime": "7.12.10",
@@ -18,9 +18,9 @@
     "@babel/runtime": "7.12.5",
     "@babel/template": "7.12.7",
     "@jsdevtools/coverage-istanbul-loader": "3.0.5",
-    "@ngtools/webpack": "11.1.0-next.4",
+    "@ngtools/webpack": "11.1.2",
     "ansi-colors": "4.1.1",
-    "autoprefixer": "10.2.0",
+    "autoprefixer": "10.2.1",
     "babel-loader": "8.2.2",
     "browserslist": "^4.9.1",
     "cacache": "15.0.5",
@@ -34,30 +34,31 @@
     "file-loader": "6.2.0",
     "find-cache-dir": "3.3.1",
     "glob": "7.1.6",
+    "https-proxy-agent": "5.0.0",
     "inquirer": "7.3.3",
     "jest-worker": "26.6.2",
     "karma-source-map-support": "1.4.0",
-    "less": "4.0.0",
-    "less-loader": "7.2.1",
-    "license-webpack-plugin": "2.3.9",
+    "less": "4.1.0",
+    "less-loader": "7.3.0",
+    "license-webpack-plugin": "2.3.11",
     "loader-utils": "2.0.0",
     "mini-css-extract-plugin": "1.3.3",
     "minimatch": "3.0.4",
-    "open": "7.3.0",
+    "open": "7.3.1",
     "ora": "5.2.0",
     "parse5-html-rewriting-stream": "6.0.1",
     "pnp-webpack-plugin": "1.6.4",
-    "postcss": "8.2.2",
+    "postcss": "8.2.4",
     "postcss-import": "14.0.0",
-    "postcss-loader": "4.1.0",
+    "postcss-loader": "4.2.0",
     "raw-loader": "4.0.2",
     "regenerator-runtime": "0.13.7",
     "resolve-url-loader": "3.1.2",
     "rimraf": "3.0.2",
-    "rollup": "2.36.0",
+    "rollup": "2.36.1",
     "rxjs": "6.6.3",
-    "sass": "1.32.0",
-    "sass-loader": "10.1.0",
+    "sass": "1.32.4",
+    "sass-loader": "10.1.1",
     "semver": "7.3.4",
     "source-map": "0.7.3",
     "source-map-loader": "1.1.3",
@@ -65,7 +66,7 @@
     "speed-measure-webpack-plugin": "1.3.3",
     "style-loader": "2.0.0",
     "stylus": "0.54.8",
-    "stylus-loader": "4.3.1",
+    "stylus-loader": "4.3.2",
     "terser": "5.5.1",
     "terser-webpack-plugin": "4.2.3",
     "text-table": "0.2.0",

package/src/babel/babel-loader.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * 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
+ */
+declare module 'babel-loader' {
+  type BabelLoaderCustomizer<T> = (
+    babel: typeof import('@babel/core'),
+  ) => {
+    customOptions?(
+      this: import('webpack').loader.LoaderContext,
+      loaderOptions: Record<string, unknown>,
+      loaderArguments: { source: string; map?: unknown },
+    ): Promise<{ custom?: T; loader: Record<string, unknown> }>;
+    config?(
+      this: import('webpack').loader.LoaderContext,
+      configuration: import('@babel/core').PartialConfig,
+      loaderArguments: { source: string; map?: unknown; customOptions: T },
+    ): import('@babel/core').TransformOptions;
+  };
+  function custom<T>(customizer: BabelLoaderCustomizer<T>): import('webpack').loader.Loader;
+}

package/src/babel/presets/application.d.ts

@@ -1,10 +1,11 @@
-export declare type DiagnosticReporter = (type: 'error' | 'warning', message: string) => void;
+export declare type DiagnosticReporter = (type: 'error' | 'warning' | 'info', message: string) => void;
 export interface ApplicationPresetOptions {
     i18n?: {
         locale: string;
         missingTranslationBehavior?: 'error' | 'warning' | 'ignore';
         translation?: unknown;
     };
+    angularLinker?: boolean;
     forceES5?: boolean;
     forceAsyncTransformation?: boolean;
     diagnosticReporter?: DiagnosticReporter;

package/src/babel/presets/application.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * 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
  */
+const fs = require("fs");
 const path = require("path");
 function createI18nDiagnostics(reporter) {
     // Babel currently is synchronous so import cannot be used
@@ -57,10 +58,39 @@ function createI18nPlugins(locale, translation, missingTranslationBehavior, diag
     plugins.push(makeLocalePlugin(locale));
     return plugins;
 }
+function createNgtscLogger(reporter) {
+    return {
+        level: 1,
+        debug(...args) { },
+        info(...args) {
+            reporter === null || reporter === void 0 ? void 0 : reporter('info', args.join());
+        },
+        warn(...args) {
+            reporter === null || reporter === void 0 ? void 0 : reporter('warning', args.join());
+        },
+        error(...args) {
+            reporter === null || reporter === void 0 ? void 0 : reporter('error', args.join());
+        },
+    };
+}
 function default_1(api, options) {
     const presets = [];
     const plugins = [];
     let needRuntimeTransform = false;
+    if (options.angularLinker) {
+        // Babel currently is synchronous so import cannot be used
+        const { createEs2015LinkerPlugin, } = require('@angular/compiler-cli/linker/babel');
+        plugins.push(createEs2015LinkerPlugin({
+            logger: createNgtscLogger(options.diagnosticReporter),
+            fileSystem: {
+                resolve: path.resolve,
+                exists: fs.existsSync,
+                dirname: path.dirname,
+                relative: path.relative,
+                readFile: fs.readFileSync,
+            },
+        }));
+    }
     if (options.forceES5) {
         presets.push([
             require('@babel/preset-env').default,

package/src/babel/webpack-loader.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("webpack").loader.Loader;
+export default _default;

package/src/babel/webpack-loader.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * 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
+ */
+const babel_loader_1 = require("babel-loader");
+const typescript_1 = require("typescript");
+/**
+ * Cached linker check utility function
+ *
+ * If undefined, not yet been imported
+ * If null, attempted import failed and no linker support
+ * If function, import succeeded and linker supported
+ */
+let needsLinking;
+async function checkLinking(path, source) {
+    // @angular/core and @angular/compiler will cause false positives
+    if (/[\\\/]@angular[\\\/](?:compiler|core)/.test(path)) {
+        return { requiresLinking: false };
+    }
+    if (needsLinking !== null) {
+        try {
+            if (needsLinking === undefined) {
+                needsLinking = (await Promise.resolve().then(() => require('@angular/compiler-cli/linker'))).needsLinking;
+            }
+            // If the linker entry point is present then there is linker support
+            return { hasLinkerSupport: true, requiresLinking: needsLinking(path, source) };
+        }
+        catch (_a) {
+            needsLinking = null;
+        }
+    }
+    // Fallback for Angular versions less than 11.1.0 with no linker support.
+    // This information is used to issue errors if a partially compiled library is used when unsupported.
+    return {
+        hasLinkerSupport: false,
+        requiresLinking: source.includes('ɵɵngDeclareDirective') || source.includes('ɵɵngDeclareComponent'),
+    };
+}
+exports.default = babel_loader_1.custom(() => {
+    const baseOptions = Object.freeze({
+        babelrc: false,
+        configFile: false,
+        compact: false,
+        cacheCompression: false,
+        sourceType: 'unambiguous',
+    });
+    return {
+        async customOptions({ scriptTarget, ...loaderOptions }, { source }) {
+            // Must process file if plugins are added
+            let shouldProcess = Array.isArray(loaderOptions.plugins) && loaderOptions.plugins.length > 0;
+            // Analyze file for linking
+            let shouldLink = false;
+            const { hasLinkerSupport, requiresLinking } = await checkLinking(this.resourcePath, source);
+            if (requiresLinking && !hasLinkerSupport) {
+                // Cannot link if there is no linker support
+                this.emitError('File requires the Angular linker. "@angular/compiler-cli" version 11.1.0 or greater is needed.');
+            }
+            else {
+                shouldLink = requiresLinking;
+            }
+            shouldProcess || (shouldProcess = shouldLink);
+            // Analyze for ES target processing
+            let forceES5 = false;
+            const esTarget = scriptTarget;
+            if (esTarget < typescript_1.ScriptTarget.ES2015) {
+                forceES5 = true;
+            }
+            shouldProcess || (shouldProcess = forceES5);
+            // Add provided loader options to default base options
+            const options = {
+                ...baseOptions,
+                ...loaderOptions,
+            };
+            // Skip babel processing if no actions are needed
+            if (!shouldProcess) {
+                // Force the current file to be ignored
+                options.ignore = [() => true];
+            }
+            return { custom: { forceES5, shouldLink }, loader: options };
+        },
+        config(configuration, { customOptions }) {
+            return {
+                ...configuration.options,
+                presets: [
+                    ...(configuration.options.presets || []),
+                    [
+                        require('./presets/application').default,
+                        {
+                            angularLinker: customOptions.shouldLink,
+                            forceES5: customOptions.forceES5,
+                            diagnosticReporter: (type, message) => {
+                                switch (type) {
+                                    case 'error':
+                                        this.emitError(message);
+                                        break;
+                                    case 'info':
+                                    // Webpack does not currently have an informational diagnostic
+                                    case 'warning':
+                                        this.emitWarning(message);
+                                        break;
+                                }
+                            },
+                        },
+                    ],
+                ],
+            };
+        },
+    };
+});

package/src/browser/index.js

@@ -63,7 +63,7 @@ function getCompilerConfig(wco) {
     return {};
 }
 exports.getCompilerConfig = getCompilerConfig;
-async function initialize(options, context, host, differentialLoadingMode, webpackConfigurationTransform) {
+async function initialize(options, context, host, differentialLoadingNeeded, webpackConfigurationTransform) {
     var _a, _b;
     const originalOutputPath = options.outputPath;
     // Assets are processed directly by the builder except when watching
@@ -76,7 +76,7 @@ async function initialize(options, context, host, differentialLoadingMode, webpa
         getAnalyticsConfig(wco, context),
         getCompilerConfig(wco),
         wco.buildOptions.webWorkerTsConfig ? configs_1.getWorkerConfig(wco) : {},
-    ], host, { differentialLoadingMode });
+    ], host, { differentialLoadingNeeded });
     // Validate asset option values if processed directly
     if (((_a = options.assets) === null || _a === void 0 ? void 0 : _a.length) && !((_b = adjustedOptions.assets) === null || _b === void 0 ? void 0 : _b.length)) {
         utils_1.normalizeAssetPatterns(options.assets, new core_1.virtualFs.SyncDelegateHost(host), core_1.normalize(context.workspaceRoot), core_1.normalize(projectRoot), projectSourceRoot === undefined ? undefined : core_1.normalize(projectSourceRoot)).forEach(({ output }) => {
@@ -115,7 +115,6 @@ function buildWebpackBrowser(options, context, transforms = {}) {
         const target = compilerOptions.target || typescript_1.ScriptTarget.ES5;
         const buildBrowserFeatures = new utils_1.BuildBrowserFeatures(sysProjectRoot);
         const isDifferentialLoadingNeeded = buildBrowserFeatures.isDifferentialLoadingNeeded(target);
-        const differentialLoadingMode = !options.watch && isDifferentialLoadingNeeded;
         if (target > typescript_1.ScriptTarget.ES2015 && isDifferentialLoadingNeeded) {
             context.logger.warn(core_1.tags.stripIndent `
           Warning: Using differential loading with targets ES5 and ES2016 or higher may
@@ -133,7 +132,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                 '\nFor additional information: https://v10.angular.io/guide/deprecations#ie-9-10-and-mobile');
         }
         return {
-            ...(await initialize(options, context, host, differentialLoadingMode, transforms.webpackConfiguration)),
+            ...(await initialize(options, context, host, isDifferentialLoadingNeeded, transforms.webpackConfiguration)),
             buildBrowserFeatures,
             isDifferentialLoadingNeeded,
             target,

package/src/browser/schema.d.ts

@@ -28,7 +28,7 @@ export interface Schema {
      */
     buildOptimizer?: boolean;
     /**
-     * Use a separate bundle containing code used across multiple bundles.
+     * Generate a seperate bundle containing code used across multiple bundles.
      */
     commonChunk?: boolean;
     /**
@@ -188,7 +188,8 @@ export interface Schema {
      */
     tsConfig: string;
     /**
-     * Use a separate bundle containing only vendor libraries.
+     * Generate a seperate bundle containing only vendor libraries. This option should only used
+     * for development.
      */
     vendorChunk?: boolean;
     /**
@@ -328,7 +329,8 @@ export declare type Localize = string[] | boolean;
 export declare type OptimizationUnion = boolean | OptimizationClass;
 export interface OptimizationClass {
     /**
-     * Enables optimization for fonts. This requires internet access.
+     * Enables optimization for fonts. This option requires internet access. `HTTPS_PROXY`
+     * environment variable can be used to specify a proxy server.
      */
     fonts?: FontsUnion;
     /**
@@ -341,13 +343,15 @@ export interface OptimizationClass {
     styles?: StylesUnion;
 }
 /**
- * Enables optimization for fonts. This requires internet access.
+ * Enables optimization for fonts. This option requires internet access. `HTTPS_PROXY`
+ * environment variable can be used to specify a proxy server.
  */
 export declare type FontsUnion = boolean | FontsClass;
 export interface FontsClass {
     /**
      * Reduce render blocking requests by inlining external Google fonts and icons CSS
-     * definitions in the application's HTML index file. This requires internet access.
+     * definitions in the application's HTML index file. This option requires internet access.
+     * `HTTPS_PROXY` environment variable can be used to specify a proxy server.
      */
     inline?: boolean;
 }

package/src/browser/schema.json

@@ -95,7 +95,7 @@
               ]
             },
             "fonts": {
-              "description": "Enables optimization for fonts. This requires internet access.",
+              "description": "Enables optimization for fonts. This option requires internet access. `HTTPS_PROXY` environment variable can be used to specify a proxy server.",
               "default": true,
               "oneOf": [
                 {
@@ -103,7 +103,7 @@
                   "properties": {
                     "inline": {
                       "type": "boolean",
-                      "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.",
+                      "description": "Reduce render blocking requests by inlining external Google fonts and icons CSS definitions in the application's HTML index file. This option requires internet access. `HTTPS_PROXY` environment variable can be used to specify a proxy server.",
                       "default": true
                     }
                   },
@@ -182,12 +182,12 @@
     },
     "vendorChunk": {
       "type": "boolean",
-      "description": "Use a separate bundle containing only vendor libraries.",
+      "description": "Generate a seperate bundle containing only vendor libraries. This option should only used for development.",
       "default": true
     },
     "commonChunk": {
       "type": "boolean",
-      "description": "Use a separate bundle containing code used across multiple bundles.",
+      "description": "Generate a seperate bundle containing code used across multiple bundles.",
       "default": true
     },
     "baseHref": {

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

@@ -23,7 +23,7 @@ export interface Schema {
      */
     browserTarget: string;
     /**
-     * Use a separate bundle containing code used across multiple bundles.
+     * Generate a seperate bundle containing code used across multiple bundles.
      * @deprecated Use the "commonChunk" option in the browser builder instead.
      */
     commonChunk?: boolean;
@@ -121,7 +121,8 @@ export interface Schema {
      */
     sslKey?: string;
     /**
-     * Use a separate bundle containing only vendor libraries.
+     * Generate a seperate bundle containing only vendor libraries. This option should only used
+     * for development.
      * @deprecated Use the "vendorChunk" option in the browser builder instead.
      */
     vendorChunk?: boolean;

package/src/dev-server/schema.json

@@ -173,12 +173,12 @@
     },
     "vendorChunk": {
       "type": "boolean",
-      "description": "Use a separate bundle containing only vendor libraries.",
+      "description": "Generate a seperate bundle containing only vendor libraries. This option should only used for development.",
       "x-deprecated": "Use the \"vendorChunk\" option in the browser builder instead."
     },
     "commonChunk": {
       "type": "boolean",
-      "description": "Use a separate bundle containing code used across multiple bundles.",
+      "description": "Generate a seperate bundle containing code used across multiple bundles.",
       "x-deprecated": "Use the \"commonChunk\" option in the browser builder instead."
     },
     "baseHref": {

package/src/extract-i18n/index.js

@@ -29,6 +29,10 @@ function getI18nOutfile(format) {
         case 'xlf2':
         case 'xliff2':
             return 'messages.xlf';
+        case 'json':
+            return 'messages.json';
+        case 'arb':
+            return 'messages.arb';
         default:
             throw new Error(`Unsupported format "${format}"`);
     }
@@ -50,6 +54,19 @@ async function getSerializer(format, sourceLocale, basePath, useLegacyIds) {
             const { Xliff2TranslationSerializer } = await Promise.resolve().then(() => require('@angular/localize/src/tools/src/extract/translation_files/xliff2_translation_serializer'));
             // tslint:disable-next-line: no-any
             return new Xliff2TranslationSerializer(sourceLocale, basePath, useLegacyIds, {});
+        case schema_1.Format.Json:
+            const { SimpleJsonTranslationSerializer } = await Promise.resolve().then(() => require('@angular/localize/src/tools/src/extract/translation_files/json_translation_serializer'));
+            // tslint:disable-next-line: no-any
+            return new SimpleJsonTranslationSerializer(sourceLocale);
+        case schema_1.Format.Arb:
+            const { ArbTranslationSerializer } = await Promise.resolve().then(() => require('@angular/localize/src/tools/src/extract/translation_files/arb_translation_serializer'));
+            const fileSystem = {
+                relative(from, to) {
+                    return path.relative(from, to);
+                },
+            };
+            // tslint:disable-next-line: no-any
+            return new ArbTranslationSerializer(sourceLocale, basePath, fileSystem);
     }
 }
 function normalizeFormatOption(options) {
@@ -70,6 +87,12 @@ function normalizeFormatOption(options) {
         case schema_1.Format.Xliff2:
             format = schema_1.Format.Xlf2;
             break;
+        case schema_1.Format.Json:
+            format = schema_1.Format.Json;
+            break;
+        case schema_1.Format.Arb:
+            format = schema_1.Format.Arb;
+            break;
         case undefined:
             format = schema_1.Format.Xlf;
             break;
@@ -89,7 +112,7 @@ async function execute(options, context, transforms) {
     const browserOptions = await context.validateOptions(await context.getTargetOptions(browserTarget), await context.getBuilderNameForTarget(browserTarget));
     const format = normalizeFormatOption(options);
     // We need to determine the outFile name so that AngularCompiler can retrieve it.
-    let outFile = options.outFile || getI18nOutfile(options.format);
+    let outFile = options.outFile || getI18nOutfile(format);
     if (options.outputPath) {
         // AngularCompilerPlugin doesn't support genDir so we have to adjust outFile instead.
         outFile = path.join(options.outputPath, outFile);

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

@@ -46,6 +46,8 @@ export interface Schema {
  * @deprecated Use 'format' option instead.
  */
 export declare enum Format {
+    Arb = "arb",
+    Json = "json",
     Xlf = "xlf",
     Xlf2 = "xlf2",
     Xlif = "xlif",

package/src/extract-i18n/schema.js

@@ -11,6 +11,8 @@ exports.Format = void 0;
  */
 var Format;
 (function (Format) {
+    Format["Arb"] = "arb";
+    Format["Json"] = "json";
     Format["Xlf"] = "xlf";
     Format["Xlf2"] = "xlf2";
     Format["Xlif"] = "xlif";

package/src/extract-i18n/schema.json

@@ -19,7 +19,9 @@
         "xlif",
         "xliff",
         "xlf2",
-        "xliff2"
+        "xliff2",
+        "json",
+        "arb"
       ]
     },
     "i18nFormat": {
@@ -33,7 +35,9 @@
         "xlif",
         "xliff",
         "xlf2",
-        "xliff2"
+        "xliff2",
+        "json",
+        "arb"
       ]
     },
     "i18nLocale": {

package/src/karma/schema.json

@@ -103,8 +103,7 @@
     },
     "watch": {
       "type": "boolean",
-      "description": "Run build when files change.",
-      "default": true
+      "description": "Run build when files change."
     },
     "poll": {
       "type": "number",

package/src/server/index.js

@@ -44,7 +44,7 @@ function execute(options, context, transforms = {}) {
             context.logger.warn(core_1.tags.stripIndent `
       Warning: Turning off 'bundleDependencies' with Ivy may result in undefined behaviour
       unless 'node_modules' are transformed using the standalone Angular compatibility compiler (NGCC).
-      See: http://v9.angular.io/guide/ivy#ivy-and-universal-app-shell
+      See: https://angular.io/guide/ivy#ivy-and-universal-app-shell
     `);
         }
     }

package/src/testing/builder-harness.d.ts

@@ -39,6 +39,7 @@ export declare class BuilderHarness<T> {
     withBuilderTarget<O>(target: string, handler: BuilderHandlerFn<O & json.JsonObject>, options?: O, info?: Partial<BuilderInfo>): this;
     execute(options?: Partial<BuilderHarnessExecutionOptions>): Observable<BuilderHarnessExecutionResult>;
     executeOnce(options?: Partial<BuilderHarnessExecutionOptions>): Promise<BuilderHarnessExecutionResult>;
+    appendToFile(path: string, content: string): Promise<void>;
     writeFile(path: string, content: string | Buffer): Promise<void>;
     writeFiles(files: Record<string, string | Buffer>): Promise<void>;
     removeFile(path: string): Promise<void>;

package/src/testing/builder-harness.js

@@ -168,6 +168,9 @@ class BuilderHarness {
         // Return the first result
         return this.execute(options).pipe(operators_1.first()).toPromise();
     }
+    async appendToFile(path, content) {
+        await this.writeFile(path, this.readFile(path).concat(content));
+    }
     async writeFile(path, content) {
         var _a;
         this.host

package/src/utils/build-options.d.ts

@@ -68,7 +68,7 @@ export interface BuildOptions {
     fileReplacements: NormalizedFileReplacement[];
     experimentalRollupPass?: boolean;
     allowedCommonJsDependencies?: string[];
-    differentialLoadingMode?: boolean;
+    differentialLoadingNeeded?: boolean;
 }
 export interface WebpackTestOptions extends BuildOptions {
     codeCoverage?: boolean;
@@ -84,5 +84,5 @@ export interface WebpackConfigOptions<T = BuildOptions> {
     buildOptions: T;
     tsConfig: ParsedConfiguration;
     tsConfigPath: string;
-    supportES2015: boolean;
+    scriptTarget: import('typescript').ScriptTarget;
 }

package/src/utils/index-file/inline-fonts.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineFontsProcessor = void 0;
 const cacache = require("cacache");
 const https = require("https");
+const proxyAgent = require("https-proxy-agent");
 const url_1 = require("url");
 const cache_path_1 = require("../cache-path");
 const environment_options_1 = require("../environment-options");
@@ -69,6 +70,7 @@ class InlineFontsProcessor {
         return transformedContent;
     }
     async getResponse(url, userAgent) {
+        var _a;
         const key = `${packageVersion}|${url}|${userAgent}`;
         if (cacheFontsPath) {
             const entry = await cacache.get.info(cacheFontsPath, key);
@@ -76,9 +78,16 @@ class InlineFontsProcessor {
                 return fs_1.readFile(entry.path, 'utf8');
             }
         }
+        let agent;
+        const httpsProxy = (_a = process.env.HTTPS_PROXY) !== null && _a !== void 0 ? _a : process.env.https_proxy;
+        if (httpsProxy) {
+            agent = proxyAgent(httpsProxy);
+        }
         const data = await new Promise((resolve, reject) => {
             let rawResponse = '';
             https.get(url, {
+                agent,
+                rejectUnauthorized: false,
                 headers: {
                     'user-agent': userAgent,
                 },

package/src/utils/load-translations.js

@@ -51,6 +51,9 @@ async function importParsers() {
         const localizeDiag = await Promise.resolve().then(() => require('@angular/localize/src/tools/src/diagnostics'));
         const diagnostics = new localizeDiag.Diagnostics();
         const parsers = {
+            arb: new (await Promise.resolve().then(() => require(
+            // tslint:disable-next-line:trailing-comma
+            '@angular/localize/src/tools/src/translate/translation_files/translation_parsers/arb_translation_parser'))).ArbTranslationParser(),
             json: new (await Promise.resolve().then(() => require(
             // tslint:disable-next-line:trailing-comma
             '@angular/localize/src/tools/src/translate/translation_files/translation_parsers/simple_json_translation_parser'))).SimpleJsonTranslationParser(),

package/src/utils/webpack-browser-config.js

@@ -41,7 +41,7 @@ async function generateWebpackConfig(workspaceRoot, projectRoot, sourceRoot, opt
         buildOptions,
         tsConfig,
         tsConfigPath,
-        supportES2015,
+        scriptTarget,
     };
     wco.buildOptions.progress = utils_1.defaultProgress(wco.buildOptions.progress);
     const webpackConfig = webpack_merge_1.merge(webpackPartialGenerator(wco));
@@ -63,7 +63,7 @@ async function generateWebpackConfig(workspaceRoot, projectRoot, sourceRoot, opt
         }
     }
     if (environment_options_1.profilingEnabled) {
-        const esVersionInFileName = helpers_1.getEsVersionForFileName(tsConfig.options.target, buildOptions.differentialLoadingMode);
+        const esVersionInFileName = helpers_1.getEsVersionForFileName(tsConfig.options.target, buildOptions.differentialLoadingNeeded);
         const SpeedMeasurePlugin = await Promise.resolve().then(() => require('speed-measure-webpack-plugin'));
         const smp = new SpeedMeasurePlugin({
             outputFormat: 'json',

package/src/webpack/configs/browser.js

@@ -28,7 +28,7 @@ function getBrowserConfig(wco) {
         }));
     }
     if (scriptsSourceMap || stylesSourceMap) {
-        extraPlugins.push(helpers_1.getSourceMapDevTool(scriptsSourceMap, stylesSourceMap, buildOptions.differentialLoadingMode ? true : hiddenSourceMap, false));
+        extraPlugins.push(helpers_1.getSourceMapDevTool(scriptsSourceMap, stylesSourceMap, buildOptions.differentialLoadingNeeded && !buildOptions.watch ? true : hiddenSourceMap, false));
     }
     let crossOriginLoading = false;
     if (subresourceIntegrity && crossOrigin === 'none') {

package/src/webpack/configs/common.js

@@ -35,7 +35,7 @@ function getCommonConfig(wco) {
     const entryPoints = {};
     // determine hashing format
     const hashFormat = helpers_1.getOutputHashFormat(buildOptions.outputHashing || 'none');
-    const targetInFileName = helpers_1.getEsVersionForFileName(tsConfig.options.target, buildOptions.differentialLoadingMode);
+    const targetInFileName = helpers_1.getEsVersionForFileName(tsConfig.options.target, buildOptions.differentialLoadingNeeded);
     if (buildOptions.main) {
         const mainPath = path.resolve(root, buildOptions.main);
         entryPoints['main'] = [mainPath];
@@ -78,7 +78,7 @@ function getCommonConfig(wco) {
             });
         }
     }
-    const differentialLoadingMode = buildOptions.differentialLoadingMode;
+    const differentialLoadingMode = buildOptions.differentialLoadingNeeded && !buildOptions.watch;
     if (platform !== 'server') {
         if (differentialLoadingMode || tsConfig.options.target === typescript_1.ScriptTarget.ES5) {
             const buildBrowserFeatures = new utils_1.BuildBrowserFeatures(projectRoot);
@@ -439,35 +439,19 @@ function getCommonConfig(wco) {
                     sideEffects: true,
                 },
                 {
-                    test: /\.m?js$/,
+                    test: /\.[cm]?js$/,
                     exclude: [/[\/\\](?:core-js|\@babel|tslib|web-animations-js)[\/\\]/, /(ngfactory|ngstyle)\.js$/],
                     use: [
-                        ...(wco.supportES2015
-                            ? []
-                            : [
-                                {
-                                    loader: require.resolve('babel-loader'),
-                                    options: {
-                                        babelrc: false,
-                                        configFile: false,
-                                        compact: false,
-                                        cacheCompression: false,
-                                        cacheDirectory: cache_path_1.findCachePath('babel-webpack'),
-                                        cacheIdentifier: JSON.stringify({
-                                            buildAngular: require('../../../package.json').version,
-                                        }),
-                                        sourceType: 'unambiguous',
-                                        presets: [
-                                            [
-                                                require.resolve('../../babel/presets/application'),
-                                                {
-                                                    forceES5: true,
-                                                },
-                                            ],
-                                        ],
-                                    },
-                                },
-                            ]),
+                        {
+                            loader: require.resolve('../../babel/webpack-loader'),
+                            options: {
+                                cacheDirectory: cache_path_1.findCachePath('babel-webpack'),
+                                cacheIdentifier: JSON.stringify({
+                                    buildAngular: require('../../../package.json').version,
+                                }),
+                                scriptTarget: wco.scriptTarget,
+                            },
+                        },
                         ...buildOptimizerUseRule,
                     ],
                 },

package/src/webpack/configs/styles.js

@@ -109,6 +109,7 @@ function getStylesConfig(wco) {
                 {
                     loader: require.resolve('less-loader'),
                     options: {
+                        implementation: require('less'),
                         sourceMap: cssSourceMap,
                         lessOptions: {
                             javascriptEnabled: true,
@@ -186,6 +187,7 @@ function getStylesConfig(wco) {
             {
                 loader: require.resolve('postcss-loader'),
                 options: {
+                    implementation: require('postcss'),
                     postcssOptions: postcssOptionsCreator(componentsSourceMap, false),
                 },
             },
@@ -215,6 +217,7 @@ function getStylesConfig(wco) {
                     {
                         loader: require.resolve('postcss-loader'),
                         options: {
+                            implementation: require('postcss'),
                             postcssOptions: postcssOptionsCreator(globalSourceMap, buildOptions.extractCss),
                         },
                     },

package/src/webpack/es5-polyfills.js

@@ -32,6 +32,10 @@ import 'core-js/modules/es.object.assign';
 import 'core-js/modules/es.object.is';
 import 'core-js/modules/es.object.set-prototype-of';
 import 'core-js/modules/es.object.to-string';
+import 'core-js/modules/es.object.entries';
+import 'core-js/modules/es.object.values';
+import 'core-js/modules/es.object.get-own-property-descriptors';
+import 'core-js/modules/es.object.from-entries';
 
 // ES2015 array capabilities
 import 'core-js/modules/es.array.concat';
@@ -56,6 +60,9 @@ import 'core-js/modules/es.array.fill';
 import 'core-js/modules/es.array.find';
 import 'core-js/modules/es.array.find-index';
 import 'core-js/modules/es.array.iterator';
+import 'core-js/modules/es.array.includes';
+import 'core-js/modules/es.array.flat';
+import 'core-js/modules/es.array.flat-map';
 
 // ES2015 string capabilities
 import 'core-js/modules/es.string.from-code-point';

package/src/webpack/plugins/scripts-webpack-plugin.js

@@ -71,6 +71,7 @@ class ScriptsWebpackPlugin {
             compilation.chunks.push(chunk);
         }
         compilation.assets[filename] = source;
+        compilation.hooks.chunkAsset.call(chunk, filename);
     }
     apply(compiler) {
         if (!this.options.scripts || this.options.scripts.length === 0) {