From e28c7159725a6d23b218dc6e0f317fc6123173f7 Mon Sep 17 00:00:00 2001
From: Alan Agius <alan.agius4@gmail.com>
Date: Fri, 4 Mar 2022 15:56:43 +0100
Subject: [PATCH] fix(@angular-devkit/build-angular): ignore css only chunks
 during naming

Don't name CSS only chunks.

Closes #22769
---
 .../src/webpack/plugins/named-chunks-plugin.ts              | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/angular_devkit/build_angular/src/webpack/plugins/named-chunks-plugin.ts b/packages/angular_devkit/build_angular/src/webpack/plugins/named-chunks-plugin.ts
index 3390682c5b..c2d2bd5e0a 100644
--- a/packages/angular_devkit/build_angular/src/webpack/plugins/named-chunks-plugin.ts
+++ b/packages/angular_devkit/build_angular/src/webpack/plugins/named-chunks-plugin.ts
@@ -26,6 +26,12 @@ export class NamedChunksPlugin {
           return;
         }
 
+        if ([...chunk.files.values()].every((f) => f.endsWith('.css'))) {
+          // If all chunk files are CSS files skip.
+          // This happens when using `import('./styles.css')` in a lazy loaded module.
+          return undefined;
+        }
+
         const name = this.generateName(chunk);
         if (name) {
           chunk.name = name;