Init

Author: OliverJAsh

.gitignore

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

README.md

@@ -0,0 +1,9 @@
+# webpack-css-loader-ident-hash-bug
+
+```sh-session
+$ rm -rf dist && MODE=client webpack && node dist/main.js
+UgjPTt4sSFtvFL9kN_LV
+
+$ rm -rf dist && MODE=server webpack && node dist/main.js
+BZjOBwj614XLb60af45_
+```

package.json

@@ -0,0 +1,8 @@
+{
+  "dependencies": {
+    "css-loader": "^6.3.0",
+    "mini-css-extract-plugin": "^2.4.2",
+    "webpack": "^5.58.1",
+    "webpack-cli": "^4.9.0"
+  }
+}

src/main.css

@@ -0,0 +1,3 @@
+.container {
+    display: block;
+}

src/main.js

@@ -0,0 +1,2 @@
+import styles from './main.css'
+console.log(styles.container);

webpack.config.js

@@ -0,0 +1,28 @@
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
+const { MODE } = process.env;
+
+module.exports = {
+    plugins: [new MiniCssExtractPlugin()],
+    mode: "production",
+    entry: "./src/main.js",
+    module: {
+        rules: [
+            {
+                test: /\.css$/,
+                exclude: /node_modules/,
+                use: [
+                    ...(MODE === "client" ? [MiniCssExtractPlugin.loader] : []),
+                    {
+                        loader: "css-loader",
+                        options: {
+                            modules: {
+                                exportOnlyLocals: MODE === "server",
+                            },
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+};