@angular-devkit/build-angular 0.803.17 → 0.803.21

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "0.803.17",
+  "version": "0.803.21",
   "description": "Angular Webpack Build Facade",
   "experimental": true,
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
-    "@angular-devkit/architect": "0.803.17",
-    "@angular-devkit/build-optimizer": "0.803.17",
-    "@angular-devkit/build-webpack": "0.803.17",
-    "@angular-devkit/core": "8.3.17",
-    "@babel/core": "7.5.5",
-    "@babel/preset-env": "7.5.5",
-    "@ngtools/webpack": "8.3.17",
+    "@angular-devkit/architect": "0.803.21",
+    "@angular-devkit/build-optimizer": "0.803.21",
+    "@angular-devkit/build-webpack": "0.803.21",
+    "@angular-devkit/core": "8.3.21",
+    "@babel/core": "7.7.5",
+    "@babel/preset-env": "7.7.6",
+    "@ngtools/webpack": "8.3.21",
     "ajv": "6.10.2",
     "autoprefixer": "9.6.1",
     "browserslist": "4.6.6",
@@ -21,7 +21,7 @@
     "caniuse-lite": "1.0.30000989",
     "circular-dependency-plugin": "5.2.0",
     "clean-css": "4.2.1",
-    "copy-webpack-plugin": "5.0.4",
+    "copy-webpack-plugin": "5.1.1",
     "core-js": "3.2.1",
     "file-loader": "4.2.0",
     "find-cache-dir": "3.0.0",
@@ -55,7 +55,7 @@
     "stylus-loader": "3.0.2",
     "tree-kill": "1.2.1",
     "terser": "4.3.9",
-    "terser-webpack-plugin": "1.4.1",
+    "terser-webpack-plugin": "1.4.3",
     "webpack": "4.39.2",
     "webpack-dev-middleware": "3.7.2",
     "webpack-dev-server": "3.9.0",

package/src/angular-cli-files/models/build-options.d.ts

@@ -81,4 +81,5 @@ export interface WebpackConfigOptions<T = BuildOptions> {
     tsConfig: ParsedConfiguration;
     tsConfigPath: string;
     supportES2015: boolean;
+    differentialLoadingMode?: boolean;
 }

package/src/angular-cli-files/models/webpack-configs/browser.js

@@ -40,7 +40,7 @@ function getBrowserConfig(wco) {
         }));
     }
     if (!isEval && (scriptsSourceMap || stylesSourceMap)) {
-        extraPlugins.push(utils_1.getSourceMapDevTool(!!scriptsSourceMap, !!stylesSourceMap, hiddenSourceMap));
+        extraPlugins.push(utils_1.getSourceMapDevTool(!!scriptsSourceMap, !!stylesSourceMap, wco.differentialLoadingMode ? true : hiddenSourceMap));
     }
     const globalStylesBundleNames = utils_1.normalizeExtraEntryPoints(buildOptions.styles, 'styles')
         .map(style => style.bundleName);

package/src/browser/action-cache.js

@@ -140,7 +140,7 @@ class BundleActionCache {
         cacheEntry = entries[2 /* DownlevelCode */];
         if (cacheEntry) {
             result.downlevel = {
-                filename: action.filename.replace('es2015', 'es5'),
+                filename: action.filename.replace(/\-es20\d{2}/, '-es5'),
                 size: cacheEntry.size,
                 integrity: cacheEntry.integrity,
             };
@@ -148,7 +148,7 @@ class BundleActionCache {
             cacheEntry = entries[3 /* DownlevelMap */];
             if (cacheEntry) {
                 result.downlevel.map = {
-                    filename: action.filename.replace('es2015', 'es5') + '.map',
+                    filename: action.filename.replace(/\-es20\d{2}/, '-es5') + '.map',
                     size: cacheEntry.size,
                 };
                 BundleActionCache.copyEntryContent(cacheEntry, result.downlevel.filename + '.map');

package/src/browser/index.js

@@ -214,7 +214,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         }
                         // If not optimizing then ES2015 polyfills do not need processing
                         // Unlike other module scripts, it is never downleveled
-                        const es2015Polyfills = file.file.startsWith('polyfills-es2015');
+                        const es2015Polyfills = file.file.startsWith('polyfills-es20');
                         if (!actionOptions.optimize && es2015Polyfills) {
                             continue;
                         }
@@ -234,7 +234,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         }
                         if (es5Polyfills) {
                             fs.unlinkSync(filename);
-                            filename = filename.replace('-es2015', '');
+                            filename = filename.replace(/\-es20\d{2}/, '');
                         }
                         // Record the bundle processing action
                         // The runtime chunk gets special processing for lazy loaded files
@@ -256,8 +256,8 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         }
                         // Add the newly created ES5 bundles to the index as nomodule scripts
                         const newFilename = es5Polyfills
-                            ? file.file.replace('-es2015', '')
-                            : file.file.replace('es2015', 'es5');
+                            ? file.file.replace(/\-es20\d{2}/, '')
+                            : file.file.replace(/\-es20\d{2}/, '-es5');
                         noModuleFiles.push({ ...file, file: newFilename });
                     }
                     // Execute the bundle processing actions

package/src/dev-server/index.js

@@ -323,10 +323,6 @@ function _addLiveReload(options, browserOptions, webpackConfig, clientAddress, l
     if (clientAddress.pathname) {
         clientAddress.pathname = path.posix.join(clientAddress.pathname, 'sockjs-node');
         sockjsPath = '&sockPath=' + clientAddress.pathname;
-        // ensure webpack-dev-server uses the correct path to connect to the reloading socket
-        if (webpackConfig.devServer) {
-            webpackConfig.devServer.sockPath = clientAddress.pathname;
-        }
     }
     const entryPoints = [`${webpackDevServerPath}?${url.format(clientAddress)}${sockjsPath}`];
     if (options.hmr) {

package/src/utils/process-bundle.js

@@ -7,13 +7,12 @@ 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 core_1 = require("@babel/core");
 const crypto_1 = require("crypto");
 const fs = require("fs");
 const path = require("path");
 const source_map_1 = require("source-map");
 const terser_1 = require("terser");
-const typescript_1 = require("typescript");
-const webpack_sources_1 = require("webpack-sources");
 const mangle_options_1 = require("./mangle-options");
 const cacache = require('cacache');
 let cachePath;
@@ -43,7 +42,7 @@ async function process(options) {
     }
     const basePath = path.dirname(options.filename);
     const filename = path.basename(options.filename);
-    const downlevelFilename = filename.replace('es2015', 'es5');
+    const downlevelFilename = filename.replace(/\-es20\d{2}/, '-es5');
     const downlevel = !options.optimizeOnly;
     // if code size is larger than 1 MB, manually handle sourcemaps with newer source-map package.
     const codeSize = Buffer.byteLength(options.code);
@@ -55,23 +54,36 @@ async function process(options) {
     let downlevelMap;
     if (downlevel) {
         // Downlevel the bundle
-        const transformResult = typescript_1.transpileModule(sourceCode, {
-            fileName: downlevelFilename,
-            compilerOptions: {
-                sourceMap: !!sourceMap,
-                target: typescript_1.ScriptTarget.ES5,
-            },
+        const transformResult = await core_1.transformAsync(sourceCode, {
+            filename: options.filename,
+            inputSourceMap: manualSourceMaps ? undefined : sourceMap,
+            babelrc: false,
+            presets: [
+                [
+                    require.resolve('@babel/preset-env'),
+                    {
+                        // modules aren't needed since the bundles use webpack's custom module loading
+                        modules: false,
+                        // 'transform-typeof-symbol' generates slower code
+                        exclude: ['transform-typeof-symbol'],
+                    },
+                ],
+            ],
+            minified: options.optimize,
+            // `false` ensures it is disabled and prevents large file warnings
+            compact: options.optimize || false,
+            sourceMaps: !!sourceMap,
         });
-        downlevelCode = transformResult.outputText;
-        if (sourceMap && transformResult.sourceMapText) {
-            if (manualSourceMaps) {
-                downlevelMap = await mergeSourcemaps(sourceMap, JSON.parse(transformResult.sourceMapText));
-            }
-            else {
-                // More accurate but significantly more costly
-                const tempSource = new webpack_sources_1.SourceMapSource(transformResult.outputText, downlevelFilename, JSON.parse(transformResult.sourceMapText), sourceCode, sourceMap);
-                downlevelMap = tempSource.map();
-            }
+        if (!transformResult || !transformResult.code) {
+            throw new Error(`Unknown error occurred processing bundle for "${options.filename}".`);
+        }
+        downlevelCode = transformResult.code;
+        if (manualSourceMaps && sourceMap && transformResult.map) {
+            downlevelMap = await mergeSourcemaps(sourceMap, transformResult.map);
+        }
+        else {
+            // undefined is needed here to normalize the property type
+            downlevelMap = transformResult.map || undefined;
         }
     }
     if (options.optimize) {
@@ -244,8 +256,8 @@ async function processRuntime(options) {
     }
     // Adjust lazy loaded scripts to point to the proper variant
     // Extra spacing is intentional to align source line positions
-    downlevelCode = downlevelCode.replace('"-es2015.', '   "-es5.');
-    const downlevelFilePath = options.filename.replace('es2015', 'es5');
+    downlevelCode = downlevelCode.replace(/"\-es20\d{2}\./, '   "-es5.');
+    const downlevelFilePath = options.filename.replace(/\-es20\d{2}/, '-es5');
     let downlevelMap;
     let result;
     if (options.optimize) {

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

@@ -63,6 +63,7 @@ async function generateWebpackConfig(context, workspaceRoot, projectRoot, source
             tsConfig,
             tsConfigPath,
             supportES2015,
+            differentialLoadingMode: differentialLoading && !utils_1.fullDifferential,
         };
         wco.buildOptions.progress = utils_1.defaultProgress(wco.buildOptions.progress);
         const partials = webpackPartialGenerator(wco);