From a541a3a78a3a86be7151ec4f48c448dd72cd5694 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Mon, 26 Sep 2022 20:37:24 +0200
Subject: [PATCH] cli: upfront resolution of swc-loader

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 .changeset/smooth-tables-pull.md           | 5 +++++
 packages/cli/src/lib/bundler/transforms.ts | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/smooth-tables-pull.md

diff --git a/.changeset/smooth-tables-pull.md b/.changeset/smooth-tables-pull.md
new file mode 100644
index 0000000000..2833ff5da7
--- /dev/null
+++ b/.changeset/smooth-tables-pull.md
@@ -0,0 +1,5 @@
+---
+'@backstage/cli': patch
+---
+
+Switch to upfront resolution of `swc-loader` in Webpack config.
diff --git a/packages/cli/src/lib/bundler/transforms.ts b/packages/cli/src/lib/bundler/transforms.ts
index ba8da5bad8..0a4dddcaf5 100644
--- a/packages/cli/src/lib/bundler/transforms.ts
+++ b/packages/cli/src/lib/bundler/transforms.ts
@@ -55,7 +55,7 @@ export const transforms = (options: TransformOptions): Transforms => {
       exclude: /node_modules/,
       use: [
         {
-          loader: 'swc-loader',
+          loader: require.resolve('swc-loader'),
           options: {
             jsc: {
               target: 'es2019',
@@ -81,7 +81,7 @@ export const transforms = (options: TransformOptions): Transforms => {
       exclude: /node_modules/,
       use: [
         {
-          loader: 'swc-loader',
+          loader: require.resolve('swc-loader'),
           options: {
             jsc: {
               target: 'es2019',
@@ -112,7 +112,7 @@ export const transforms = (options: TransformOptions): Transforms => {
       test: [/\.icon\.svg$/],
       use: [
         {
-          loader: 'swc-loader',
+          loader: require.resolve('swc-loader'),
           options: {
             jsc: {
               target: 'es2019',