title: Sass in Angular 2 and webpack not working
body: <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>