add postcss and sass loader options

primer · Aug 17, 2017 · 75fb852 · 75fb852
1 parent 7cf0230
commit 75fb852
Showing 1 changed file with 25 additions and 4 deletions.
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -1,13 +1,34 @@
-const path = require('path');
+const path = require("path");
+
+const modulesPath = path.resolve(__dirname, "../modules")
 
 module.exports = {
   module: {
     rules: [
       {
         test: /\.scss$/,
-        loaders: ["style-loader", "css-loader", "postcss-loader", "sass-loader"],
-        include: path.resolve(__dirname, '../modules')
+        loaders: [
+          "style-loader",
+          "css-loader",
+          {
+            loader: "postcss-loader",
+            options: {
+              config: {
+                path: require.resolve("./postcss.config.js"),
+              },
+            },
+          },
+          {
+            loader: "sass-loader",
+            options: {
+              includePaths: [
+                modulesPath,
+              ],
+            }
+          },
+        ],
+        include: modulesPath,
       }
     ]
-  }
+  },
 }