diff --git a/packages/angular_devkit/build_angular/src/webpack/configs/common.ts b/packages/angular_devkit/build_angular/src/webpack/configs/common.ts
index 853d728e97d4..3cbaa2ad409b 100644
--- a/packages/angular_devkit/build_angular/src/webpack/configs/common.ts
+++ b/packages/angular_devkit/build_angular/src/webpack/configs/common.ts
@@ -105,6 +105,19 @@ export async function getCommonConfig(wco: WebpackConfigOptions): Promise<Config
   // determine hashing format
   const hashFormat = getOutputHashFormat(buildOptions.outputHashing);
 
+  if (!vendorSourceMap) {
+    extraPlugins.push(
+      new DevToolsIgnorePlugin({
+        vendors: {
+          test: VENDORS_TEST,
+        },
+        runtime: !isPlatformServer && {
+          test: RUNTIME_TEST,
+        },
+      }),
+    );
+  }
+
   if (buildOptions.progress) {
     extraPlugins.push(new ProgressPlugin(platform));
   }
@@ -443,21 +456,7 @@ export async function getCommonConfig(wco: WebpackConfigOptions): Promise<Config
         },
       },
     },
-    plugins: [
-      new NamedChunksPlugin(),
-      new DedupeModuleResolvePlugin({ verbose }),
-      new DevToolsIgnorePlugin({
-        vendors: !vendorSourceMap &&
-          !!vendorChunk && {
-            test: VENDORS_TEST,
-          },
-        runtime: !vendorSourceMap &&
-          !isPlatformServer && {
-            test: RUNTIME_TEST,
-          },
-      }),
-      ...extraPlugins,
-    ],
+    plugins: [new NamedChunksPlugin(), new DedupeModuleResolvePlugin({ verbose }), ...extraPlugins],
     node: false,
   };
 }
diff --git a/packages/angular_devkit/build_angular/src/webpack/plugins/devtools-ignore-plugin.ts b/packages/angular_devkit/build_angular/src/webpack/plugins/devtools-ignore-plugin.ts
index 6eb6c69f7399..eb1d9641fa4f 100644
--- a/packages/angular_devkit/build_angular/src/webpack/plugins/devtools-ignore-plugin.ts
+++ b/packages/angular_devkit/build_angular/src/webpack/plugins/devtools-ignore-plugin.ts
@@ -24,11 +24,7 @@ interface Options {
  * Chrome DevTools to automatically ignore-list sources.
  */
 export class DevToolsIgnorePlugin {
-  options: Options;
-
-  constructor(options: Options) {
-    this.options = options;
-  }
+  constructor(private options: Options) {}
 
   apply(compiler: Compiler) {
     const { SourceMapSource } = compiler.webpack.sources;
@@ -41,11 +37,17 @@ export class DevToolsIgnorePlugin {
           additionalAssets: true,
         },
         (assets) => {
-          if (!this.options.vendors || !this.options.runtime) {
+          let vendorsTest: RegExp | null = null;
+          let runtimeTest: RegExp | null = null;
+          if (this.options.vendors) {
+            vendorsTest = this.options.vendors.test;
+          }
+          if (this.options.runtime) {
+            runtimeTest = this.options.runtime.test;
+          }
+          if (!vendorsTest && !runtimeTest) {
             return;
           }
-          const vendorsTest = this.options.vendors.test;
-          const runtimeTest = this.options.runtime.test;
 
           for (const [name, asset] of Object.entries(assets)) {
             const source = asset.source();
@@ -53,12 +55,13 @@ export class DevToolsIgnorePlugin {
               sources: string[];
               [IGNORE_LIST]: number[];
             };
+
             if (!map) {
               continue;
             }
 
             map[IGNORE_LIST] = Object.entries(map.sources)
-              .filter(([, source]) => source.match(vendorsTest) || source.match(runtimeTest))
+              .filter(([, source]) => vendorsTest?.test(source) || runtimeTest?.test(source))
               .map(([index]) => +index);
 
             compilation.assets[name] = new SourceMapSource(source, name, map);