fix: valid generation url() for auto value of the publicPath option

Author: alexander-akait

src/utils.js

@@ -53,7 +53,7 @@ function compareModulesByIdentifier(a, b) {
 }
 
 const MODULE_TYPE = "css/mini-extract";
-const AUTO_PUBLIC_PATH = "__mini_css_extract_plugin_public_path_auto__";
+const AUTO_PUBLIC_PATH = "#";
 const ABSOLUTE_PUBLIC_PATH = "webpack:///mini-css-extract-plugin/";
 const SINGLE_DOT_PATH_SEGMENT =
   "__mini_css_extract_plugin_single_dot_path_segment__";

test/cases/publicpath-auto-5/expected/example.css

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

test/cases/publicpath-auto-5/project/src/example.css

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

test/cases/publicpath-auto/expected/webpack-5-importModule/assets/react.svg renamed to test/cases/publicpath-auto-5/project/src/example/react.svg

@@ -0,0 +1,36 @@
+import path from "path";
+
+import Self from "../../../src";
+
+const PROJECT_DIR = path.resolve(__dirname, "./project");
+const SRC_DIR = path.resolve(PROJECT_DIR, "./src");
+
+module.exports = {
+  entry: {
+    example: path.resolve(PROJECT_DIR, "./src/example.css"),
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [{ loader: Self.loader }, "css-loader"],
+      },
+      {
+        test: /\.(svg|png)$/,
+        type: "asset/resource",
+        generator: {
+          filename: (pathdata) =>
+            path.join(
+              "../../img/bundle/",
+              pathdata.module.resource.replace(SRC_DIR, "")
+            ),
+        },
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: "[name].css",
+    }),
+  ],
+};

test/cases/publicpath-auto-5/webpack.config.js

@@ -2,6 +2,9 @@ import Self from "../../../src";
 
 module.exports = {
   entry: "./index.js",
+  optimization: {
+    realContentHash: true,
+  },
   module: {
     rules: [
       {