Configure webpack to parse SCSS looking for Compass/CSS3 mixins. Always bundle them separately to JS.

Author: avivace

webpack.config.js

@@ -28,18 +28,34 @@ const config = {
                 } 
             }]
         },
+      {
+            test: /\.scss$/,
+            use: [
+                MiniCssExtractPlugin.loader, // creates style nodes from JS strings
+                "css-loader", // translates CSS into CommonJS
+                {
+                  loader: "sass-loader",
+                  options: {
+                    includePaths: ["node_modules/compass-mixins/lib"]
+                  }
+                  
+                }
+                
+                 // compiles Sass to CSS, using Node Sass by default
+            ]
+        },
       {
             test: /\.sass$/,
             use: [
-                "style-loader", // creates style nodes from JS strings
+                MiniCssExtractPlugin.loader, // creates style nodes from JS strings
                 "css-loader", // translates CSS into CommonJS
                 "sass-loader" // compiles Sass to CSS, using Node Sass by default
             ]
         },
       {
         test: /\.styl$/,
         use: [
-          'style-loader',
+          MiniCssExtractPlugin.loader,
           'css-loader',
           'stylus-loader'
         ]