fix: css modules not working in production

wellyshen · Aug 22, 2020 · 3f232b5 · 3f232b5
1 parent 9f19d1b
commit 3f232b5
Show file tree

Hide file tree

Showing 3 changed files with 323 additions and 396 deletions.
diff --git a/package.json b/package.json
@@ -82,6 +82,7 @@
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
     "@babel/register": "^7.10.5",
+    "@dr.pogodin/css-modules-require-hook": "^4.4.0",
     "@hot-loader/react-dom": "^16.13.0",
     "@loadable/babel-plugin": "^5.13.0",
     "@loadable/component": "^5.13.1",
@@ -97,7 +98,6 @@
     "connected-react-router": "^6.8.0",
     "core-js": "^3.6.5",
     "cross-env": "^7.0.2",
-    "css-modules-require-hook": "^4.2.3",
     "eslint-plugin-react-hooks": "^4",
     "express": "^4.17.1",
     "helmet": "^4.1.0",

diff --git a/tools/webpack/hooks.js b/tools/webpack/hooks.js
@@ -9,7 +9,7 @@ const isDev = nodeEnv === "development";
 
 module.exports = () => {
   // CSS modules
-  require("css-modules-require-hook")({
+  require("@dr.pogodin/css-modules-require-hook")({
     // Must use the same pattern with your webpack config
     generateScopedName: isDev ? "[name]__[local]" : "[hash:base64:5]",
     extensions: [".css", ".scss", ".sass"],