fix: use matchResource for importModule when available (#1162)

Author: Mad-Kat

src/loader.js

@@ -361,7 +361,7 @@ function pitch(request) {
     }
 
     this.importModule(
-      `${this.resourcePath}.webpack[javascript/auto]!=!!!${request}`,
+      `${this._module.matchResource || this.resourcePath}.webpack[javascript/auto]!=!!!${request}`,
       {
         layer: options.layer,
         publicPath: /** @type {string} */ (publicPathForExtract),

test/cases/match-resource-url/expected/main.css

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

test/cases/match-resource-url/icon.svg

@@ -0,0 +1 @@
+import "./virtual.css!=!./source.txt";

test/cases/match-resource-url/index.js

@@ -0,0 +1,3 @@
+body {
+  background-image: url(./icon.svg);
+}

test/cases/match-resource-url/source.txt

@@ -0,0 +1,3 @@
+import yn from "../../helpers/yn";
+
+module.exports = () => !yn(process.env.OLD_API);

test/cases/match-resource-url/test.filter.js

@@ -0,0 +1,26 @@
+import Self from "../../../src";
+
+module.exports = {
+  entry: "./index.js",
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [Self.loader, "css-loader"],
+      },
+      {
+        test: /\.svg$/,
+        issuer: /\.css$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/[name][ext]",
+        },
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: "[name].css",
+    }),
+  ],
+};