From a9c50af76baa9616d16dc7ef775d86bba5a7b772 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Sat, 11 Feb 2023 14:39:17 +0100
Subject: [PATCH] cli: fix webpack loader file extension checks

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 .changeset/few-trees-cross.md              | 5 +++++
 packages/cli/src/lib/bundler/transforms.ts | 9 +++++----
 2 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/few-trees-cross.md

diff --git a/.changeset/few-trees-cross.md b/.changeset/few-trees-cross.md
new file mode 100644
index 0000000000..ed70c3bddb
--- /dev/null
+++ b/.changeset/few-trees-cross.md
@@ -0,0 +1,5 @@
+---
+'@backstage/cli': patch
+---
+
+Fixed Webpack loader patterns so that they properly match the file suffix only.
diff --git a/packages/cli/src/lib/bundler/transforms.ts b/packages/cli/src/lib/bundler/transforms.ts
index 9a93f550dd..e0308f5c2d 100644
--- a/packages/cli/src/lib/bundler/transforms.ts
+++ b/packages/cli/src/lib/bundler/transforms.ts
@@ -107,7 +107,7 @@ export const transforms = (options: TransformOptions): Transforms => {
       ],
     },
     {
-      test: /\.(js|mjs|cjs)/,
+      test: /\.(js|mjs|cjs)$/,
       resolve: {
         fullySpecified: false,
       },
@@ -141,9 +141,10 @@ export const transforms = (options: TransformOptions): Transforms => {
         /\.gif$/,
         /\.jpe?g$/,
         /\.png$/,
-        /\.frag/,
-        { and: [/\.svg/, { not: [/\.icon\.svg/] }] },
-        /\.xml/,
+        /\.frag$/,
+        /\.vert$/,
+        { and: [/\.svg$/, { not: [/\.icon\.svg$/] }] },
+        /\.xml$/,
       ],
       type: 'asset/resource',
       generator: {