repro with webpack 5.22.0

Author: kenrick95

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org/

package.json

@@ -0,0 +1,15 @@
+{
+  "name": "test-file-protocol",
+  "version": "1.0.0",
+  "main": "src/index.js",
+  "license": "MIT",
+  "scripts": {
+    "build": "webpack"
+  },
+  "devDependencies": {
+    "css-loader": "^6.3.0",
+    "mini-css-extract-plugin": "^2.3.0",
+    "webpack": "5.22.0",
+    "webpack-cli": "^4.8.0"
+  }
+}

src/cat.svg

@@ -0,0 +1 @@
+import "./style.css";

src/index.js

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

src/style.css

@@ -0,0 +1,35 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = {
+  entry: './src/index.js',
+  mode: 'production',
+
+  output: {
+    publicPath: '/assets/',
+    filename: '[name].[chunkhash].js',
+    chunkFilename: '[name].[chunkhash].js',
+    clean: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+          },
+          'css-loader',
+        ],
+      },
+      {
+        test: /\.svg$/,
+        type: 'asset/resource',
+      },
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: '[name].css',
+    }),
+  ],
+};