fix: crash when publicPath is function (#881)

Author: alexander-akait

src/loader.js

@@ -204,13 +204,22 @@ export function pitch(request) {
       return;
     }
 
-    const isAbsolutePublicPath = /^[a-zA-Z][a-zA-Z\d+\-.]*?:/.test(publicPath);
-    const publicPathForExtract = isAbsolutePublicPath
-      ? publicPath
-      : `${ABSOLUTE_PUBLIC_PATH}${publicPath.replace(
-          /\./g,
-          SINGLE_DOT_PATH_SEGMENT
-        )}`;
+    let publicPathForExtract;
+
+    if (typeof publicPath === "string") {
+      const isAbsolutePublicPath = /^[a-zA-Z][a-zA-Z\d+\-.]*?:/.test(
+        publicPath
+      );
+
+      publicPathForExtract = isAbsolutePublicPath
+        ? publicPath
+        : `${ABSOLUTE_PUBLIC_PATH}${publicPath.replace(
+            /\./g,
+            SINGLE_DOT_PATH_SEGMENT
+          )}`;
+    } else {
+      publicPathForExtract = publicPath;
+    }
 
     this.importModule(
       `${this.resourcePath}.webpack[javascript/auto]!=!!!${request}`,

test/cases/publicpath-function-2/expected/webpack-5-importModule/c9e192c015437a21dea1.svg

@@ -0,0 +1,5 @@
+body {
+  background: green;
+  background-image: url(http://example.com/XXXX/c9e192c015437a21dea1.svg);
+}
+

test/cases/publicpath-function-2/expected/webpack-5-importModule/nested/again/style.css

@@ -0,0 +1,5 @@
+body {
+  background: red;
+  background-image: url(http://example.com/XXXX/c9e192c015437a21dea1.svg);
+}
+

test/cases/publicpath-function-2/expected/webpack-5-importModule/nested/style.css

@@ -0,0 +1,5 @@
+body {
+  background: green;
+  background-image: url(http://example.com/4d869bb95ecdf3f870fb/c9e192c015437a21dea1.svg);
+}
+

test/cases/publicpath-function-2/expected/webpack-5/c9e192c015437a21dea1.svg

@@ -0,0 +1,5 @@
+body {
+  background: red;
+  background-image: url(http://example.com/ca6e489a6807af3e778c/c9e192c015437a21dea1.svg);
+}
+

test/cases/publicpath-function-2/expected/webpack-5/nested/again/style.css

@@ -0,0 +1,4 @@
+body {
+  background: green;
+  background-image: url(../../react.svg);
+}

test/cases/publicpath-function-2/expected/webpack-5/nested/style.css

@@ -0,0 +1,4 @@
+body {
+  background: red;
+  background-image: url(../react.svg);
+}