Sass in Angular 2 and webpack not working
<p>I am acting according to sass-loader package:
In my webconfig I have:</p>

<pre><code>{
        loaders: [
            {
                test: /\.scss$/,
                loaders: ["style", "css", "sass"]
            }
        ]
    }
</code></pre>

<p>In the module I import the scss like this:</p>

<pre><code> styles:  require('./home.scss') ,
</code></pre>

<p>Scss file looks like this:</p>

<pre><code>$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

md-card {
font: 100% $font-stack;
color: $primary-color;
}
</code></pre>

<p>Unfortunately, when I run the app, the following happens:</p>

<pre><code>ERROR in ./src/app/home/home.scss
Module parse failed: C:\src\app\home\home.scss Line 1: Unexpected token :
You may need an appropriate loader to handle this file type.
| $font-stack:    Helvetica, sans-serif;
| $primary-color: #333;
|
@ ./src/app/home/home.component.ts 49:20-42
</code></pre>

<p>I think everything should be ok, when it fails then?</p>