Updated CSS loaders to support CSSModules #32

react-webpack-generators · Jun 24, 2016 · 8c9f46b · 8c9f46b
1 parent 20980d8
commit 8c9f46b
Showing 1 changed file with 27 additions and 3 deletions.
diff --git a/conf/webpack/Base.js b/conf/webpack/Base.js
@@ -103,23 +103,47 @@ class WebpackBaseConfig {
             ]
           },
           {
-            test: /\.(sass|scss)$/,
+            test: /\.cssmodule\.(sass|scss)$/,
+            loaders: [
+              'style',
+              'css?modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]',
+              'sass'
+            ]
+          },
+          {
+            test: /^.((?!cssmodule).)*\.(sass|scss)$/,
             loaders: [
               'style',
               'css',
               'sass'
             ]
           },
           {
-            test: /\.less$/,
+            test: /\.cssmodule\.less$/,
+            loaders: [
+              'style',
+              'css?modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]',
+              'less'
+            ]
+          },
+          {
+            test: /^.((?!cssmodule).)*\.less$/,
             loaders: [
               'style',
               'css',
               'less'
             ]
           },
           {
-            test: /\.styl$/,
+            test: /\.cssmodule\.styl$/,
+            loaders: [
+              'style',
+              'css?modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]',
+              'stylus'
+            ]
+          },
+          {
+            test: /^.((?!cssmodule).)*\.styl$/,
             loaders: [
               'style',
               'css',