sass support

index.js

@@ -104,6 +104,13 @@ module.exports = {
                             test: /\.css$/,
                             loader: $webpack.ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' })
                         },
+                        {
+                            test: /\.scss$/,
+                            loader: $webpack.ExtractTextPlugin.extract({
+                                fallback: 'style-loader',
+                                use: 'css-loader!sass-loader'
+                            })
+                        },
                         // Optionally extract less files
                         // or any other compile-to-css language
                         {

package.json

@@ -31,6 +31,7 @@
     "less-loader": "^4.0.3",
     "less-plugin-autoprefix": "^1.5.1",
     "less-plugin-npm-import": "^2.1.0",
+    "sass-loader": "^6.0.5",
     "style-loader": "^0.18.1",
     "ts-loader": "^2.1.0",
     "typescript": "^2.3.3",

styleguide/demo/resources/less/main.less

 @import "variables";
+//@import "sass-test.scss";
 
 body {
   background-color: @bg-color;

styleguide/demo/resources/less/sass-test.scss

+
+$color: blue;
+
+body {
+  color: $color;
+}
\ No newline at end of file