refactor(@angular-devkit/build-angular): remove speed-measure-plugin usage

The plugin was only used when the `NG_BUILD_PROFILING` environment variable was used.  The environment variable also enabled the Webpack builtin `ProfilingPlugin` which is retained.
The builtin plugin provides a chrome events JSON output which can be loaded in Chrome DevTools and allows for graphical timeline views of the build.
The `speed-measure-plugin` is also currently incompatible with Webpack 5 which would prevent the CLI profiling support from working with Webpack 5.

Author: clydin

package.json

@@ -117,7 +117,6 @@
     "@types/resolve": "^1.17.1",
     "@types/rimraf": "^3.0.0",
     "@types/semver": "^7.0.0",
-    "@types/speed-measure-webpack-plugin": "^1.3.0",
     "@types/text-table": "^0.2.1",
     "@types/uuid": "^8.0.0",
     "@types/webpack": "^4.41.22",
@@ -206,7 +205,6 @@
     "source-map-loader": "1.1.3",
     "source-map-support": "0.5.19",
     "spdx-satisfies": "^5.0.0",
-    "speed-measure-webpack-plugin": "1.4.2",
     "style-loader": "2.0.0",
     "stylus": "0.54.8",
     "stylus-loader": "4.3.3",

packages/angular_devkit/build_angular/BUILD.bazel

@@ -132,7 +132,6 @@ ts_library(
         "@npm//@types/postcss-preset-env",
         "@npm//@types/rimraf",
         "@npm//@types/semver",
-        "@npm//@types/speed-measure-webpack-plugin",
         "@npm//@types/text-table",
         "@npm//@types/webpack",
         "@npm//@types/webpack-dev-server",
@@ -182,7 +181,6 @@ ts_library(
         "@npm//source-map",
         "@npm//source-map-loader",
         "@npm//source-map-support",
-        "@npm//speed-measure-webpack-plugin",
         "@npm//style-loader",
         "@npm//stylus",
         "@npm//stylus-loader",

packages/angular_devkit/build_angular/package.json

@@ -62,7 +62,6 @@
     "source-map": "0.7.3",
     "source-map-loader": "1.1.3",
     "source-map-support": "0.5.19",
-    "speed-measure-webpack-plugin": "1.4.2",
     "style-loader": "2.0.0",
     "stylus": "0.54.8",
     "stylus-loader": "4.3.3",

packages/angular_devkit/build_angular/src/utils/webpack-browser-config.ts

@@ -24,8 +24,6 @@ import {
 import { WebpackConfigOptions } from '../utils/build-options';
 import { readTsconfig } from '../utils/read-tsconfig';
 import { BuilderWatchPlugin, BuilderWatcherFactory } from '../webpack/plugins/builder-watch-plugin';
-import { getEsVersionForFileName } from '../webpack/utils/helpers';
-import { profilingEnabled } from './environment-options';
 import { I18nOptions, configureI18nBuild } from './i18n-options';
 
 export type BrowserWebpackConfigOptions = WebpackConfigOptions<NormalizedBrowserBuilderSchema>;
@@ -50,8 +48,6 @@ export async function generateWebpackConfig(
   const ts = await import('typescript');
   const scriptTarget = tsConfig.options.target || ts.ScriptTarget.ES5;
 
-  const supportES2015 = scriptTarget !== ts.ScriptTarget.JSON && scriptTarget > ts.ScriptTarget.ES5;
-
   const buildOptions: NormalizedBrowserBuilderSchema = { ...options, ...extraBuildOptions };
   const wco: BrowserWebpackConfigOptions = {
     root: workspaceRoot,
@@ -68,24 +64,6 @@ export async function generateWebpackConfig(
 
   const webpackConfig = webpackMerge(webpackPartialGenerator(wco));
 
-  if (profilingEnabled) {
-    const esVersionInFileName = getEsVersionForFileName(
-      tsConfig.options.target,
-      buildOptions.differentialLoadingNeeded,
-    );
-
-    const SpeedMeasurePlugin = await import('speed-measure-webpack-plugin');
-    const smp = new SpeedMeasurePlugin({
-      outputFormat: 'json',
-      outputTarget: path.resolve(
-        workspaceRoot,
-        `speed-measure-plugin${esVersionInFileName}.json`,
-      ),
-    });
-
-    return smp.wrap(webpackConfig);
-  }
-
   return webpackConfig;
 }
 

tests/legacy-cli/e2e/tests/build/profile.ts

@@ -6,8 +6,6 @@ export default async function() {
     process.env['NG_BUILD_PROFILING'] = '1';
     await ng('build', '--configuration=development');
     await expectFileToExist('chrome-profiler-events.json');
-    await expectFileToExist('speed-measure-plugin.json');
-    await expectFileToMatch('speed-measure-plugin.json', 'plugins');
   } finally {
     process.env['NG_BUILD_PROFILING'] = undefined;
   }

yarn.lock

@@ -1978,13 +1978,6 @@
   resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
   integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
 
-"@types/speed-measure-webpack-plugin@^1.3.0":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@types/speed-measure-webpack-plugin/-/speed-measure-webpack-plugin-1.3.1.tgz#a9054bc32da286cbab2ffaed83bd09608c6ddfad"
-  integrity sha512-6wE+7uZBLSfTdJH041TQCrSoYd7M4ujgnapDNh1lJcHKnoVtE93UtY1FF4slHhTAdW3ADgyr87Gttyil18wIYQ==
-  dependencies:
-    "@types/webpack" "*"
-
 "@types/tapable@*":
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.6.tgz#a9ca4b70a18b270ccb2bc0aaafefd1d486b7ea74"
@@ -11632,13 +11625,6 @@ spdy@^4.0.2:
     select-hose "^2.0.0"
     spdy-transport "^3.0.0"
 
-[email protected]:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/speed-measure-webpack-plugin/-/speed-measure-webpack-plugin-1.4.2.tgz#1608e62d3bdb45f01810010e1b5bfedefedfa58f"
-  integrity sha512-AtVzD0bnIy2/B0fWqJpJgmhcrfWFhBlduzSo0uwplr/QvB33ZNZj2NEth3NONgdnZJqicK0W0mSxnLSbsVCDbw==
-  dependencies:
-    chalk "^4.1.0"
-
 split-string@^3.0.1, split-string@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"