From e565f73e5665aecd99c22746911ad4b5764ce543 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josip=20Antoli=C5=A1?= <josip.antolis@protonmail.com>
Date: Thu, 31 Oct 2024 13:59:25 +0100
Subject: [PATCH] Fix .webp imports by expanding webpack loader config
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Josip Antoliš <josip.antolis@protonmail.com>
---
 .changeset/wise-avocados-behave.md         | 5 +++++
 packages/cli/config/jest.js                | 2 +-
 packages/cli/src/lib/bundler/transforms.ts | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/wise-avocados-behave.md

diff --git a/.changeset/wise-avocados-behave.md b/.changeset/wise-avocados-behave.md
new file mode 100644
index 0000000000..5258fb7816
--- /dev/null
+++ b/.changeset/wise-avocados-behave.md
@@ -0,0 +1,5 @@
+---
+'@backstage/cli': patch
+---
+
+Fix .webp import support by adding it to webpack loader config.
diff --git a/packages/cli/config/jest.js b/packages/cli/config/jest.js
index ee6f3d820d..45d744d7bc 100644
--- a/packages/cli/config/jest.js
+++ b/packages/cli/config/jest.js
@@ -213,7 +213,7 @@ async function getProjectConfig(targetPath, extraConfig, extraOptions) {
           },
         },
       ],
-      '\\.(bmp|gif|jpg|jpeg|png|ico|frag|xml|svg|eot|woff|woff2|ttf)$':
+      '\\.(bmp|gif|jpg|jpeg|png|ico|webp|frag|xml|svg|eot|woff|woff2|ttf)$':
         require.resolve('./jestFileTransform.js'),
       '\\.(yaml)$': require.resolve('./jestYamlTransform'),
     },
diff --git a/packages/cli/src/lib/bundler/transforms.ts b/packages/cli/src/lib/bundler/transforms.ts
index 75099bf430..addefacd6e 100644
--- a/packages/cli/src/lib/bundler/transforms.ts
+++ b/packages/cli/src/lib/bundler/transforms.ts
@@ -150,6 +150,7 @@ export const transforms = (options: TransformOptions): Transforms => {
         { and: [/\.svg$/, { not: [/\.icon\.svg$/] }] },
         /\.xml$/,
         /\.ico$/,
+        /\.webp$/,
       ],
       type: 'asset/resource',
       generator: {