Revert "chore(project): removed css module fix"

This reverts commit 907fa4f.
jwplayer · Jul 19, 2021 · 6eea39b · 6eea39b
1 parent 907fa4f
commit 6eea39b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/scripts/webpack/css-modules-fix.js b/scripts/webpack/css-modules-fix.js
@@ -0,0 +1,5 @@
+module.exports = function cssModulesFix(source) {
+  return source.replace(/_(\w+)_[\w\d]{5}_\d+/g, function(fullMatch, originalSelector) {
+    return originalSelector;
+  });
+};
diff --git a/snowpack.config.js b/snowpack.config.js
@@ -17,6 +17,14 @@ module.exports = {
         // FIXES https://github.com/snowpackjs/snowpack/discussions/2810
         const babelRule = config.module.rules.find((rule) =>
           rule && rule.use && rule.use.find((use) => use && use.loader && use.loader.includes('babel-loader')));
+        const cssModulesRule = config.module.rules.find((rule) =>
+          rule && rule.use && rule.use.find((use) => use && use.loader && use.loader.includes('css-loader') && use.options && use.options.modules));
+
+        if (cssModulesRule) {
+          cssModulesRule.use.unshift({
+            loader:  require.resolve('./scripts/webpack/css-modules-fix.js'),
+          });
+        }
 
         if (babelRule) {
           babelRule.use = babelRule.use.filter(use => {