Support for CSS modules (#338)

* Support for CSS modules * Changeset
single-spa · Nov 15, 2021 · 76d5857 · 76d5857
1 parent a1866e2
commit 76d5857
Show file tree

Hide file tree

Showing 3 changed files with 209 additions and 116 deletions.
diff --git a/.changeset/silent-apes-drive.md b/.changeset/silent-apes-drive.md
@@ -0,0 +1,5 @@
+---
+"webpack-config-single-spa": minor
+---
+
+Support for .module.css files
diff --git a/packages/webpack-config-single-spa/lib/webpack-config-single-spa.js b/packages/webpack-config-single-spa/lib/webpack-config-single-spa.js
@@ -59,6 +59,7 @@ function webpackConfigSingleSpa(opts) {
         {
           test: /\.css$/i,
           include: [/node_modules/, /src/],
+          exclude: [/\.module\.css$/],
           use: [
             {
               loader: require.resolve("style-loader", { paths: [__dirname] }),
@@ -71,6 +72,21 @@ function webpackConfigSingleSpa(opts) {
             },
           ],
         },
+        {
+          test: /\.module\.css$/i,
+          exclude: [/node_modules/],
+          use: [
+            {
+              loader: require.resolve("style-loader", { paths: [__dirname] }),
+            },
+            {
+              loader: require.resolve("css-loader", { paths: [__dirname] }),
+              options: {
+                modules: true,
+              },
+            },
+          ],
+        },
         {
           test: /\.(bmp|png|svg|jpg|jpeg|gif|webp)$/i,
           exclude: /node_modules/,