From fb100b332bf5a15a6de306abdf1bc59a8919cbf2 Mon Sep 17 00:00:00 2001
From: Ryan Christian <33403762+rschristian@users.noreply.github.com>
Date: Thu, 22 Dec 2022 01:42:53 -0600
Subject: [PATCH] feat: Support proxied loaders w/ `getLoadersByName()` is user
 config (#1761)

* feat: Support proxied loaders w/ `getLoadersByName()`

* docs: Adding changeset
---
 .changeset/flat-ducks-invent.md                  |  5 +++++
 packages/cli/src/lib/webpack/transform-config.js | 12 +++++++-----
 2 files changed, 12 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/flat-ducks-invent.md

diff --git a/.changeset/flat-ducks-invent.md b/.changeset/flat-ducks-invent.md
new file mode 100644
index 000000000..ac8981cd2
--- /dev/null
+++ b/.changeset/flat-ducks-invent.md
@@ -0,0 +1,5 @@
+---
+'preact-cli': patch
+---
+
+Support proxied loaders w/ `getLoadersByName()` method in users' `preact.config.js`
diff --git a/packages/cli/src/lib/webpack/transform-config.js b/packages/cli/src/lib/webpack/transform-config.js
index 0ca4c3e33..a36ae6425 100644
--- a/packages/cli/src/lib/webpack/transform-config.js
+++ b/packages/cli/src/lib/webpack/transform-config.js
@@ -239,11 +239,13 @@ class WebpackConfigHelpers {
 					: [{ rule, ruleIndex, loader: loaders, loaderIndex: -1 }]
 			)
 			.reduce((arr, loaders) => arr.concat(loaders), [])
-			.filter(
-				({ loader }) =>
-					(typeof loader === 'string' && loader.includes(name)) ||
-					(typeof loader.loader === 'string' && loader.loader.includes(name))
-			);
+			.filter(({ loader }) => {
+				if (typeof loader === 'string') return loader.includes(name);
+				return typeof loader.loader === 'string' &&
+					loader.loader.includes('proxy-loader')
+					? loader.options.loader.includes(name)
+					: loader.loader.includes(name);
+			});
 	}
 
 	/**