title: Webpack sass-loader doesn't understand '@' and throws error
body: <p>I have issue with loading scss file across webpack. I saw, many people has same problem, and there was no explanation. </p>
  
  <p>Basicly, I got error: </p>
  
  <pre><code>ERROR in ./src/app/theme.scss
  Module parse failed: C:\Users\pi15463\www\crm_ng2\src\app\theme.scss Unexpected character '@' (1:0)
  You may need an appropriate loader to handle this file type.
  SyntaxError: Unexpected character '@' (1:0)
  </code></pre>
  
  <p>My theme Scss: </p>
  
  <pre><code>@import 'theme/variables/variables.scss';
  @import 'theme/mixins/mixins.scss';
  @import 'theme/nba.component.scss';
  @import 'theme/layout.scss';
  </code></pre>
  
  <p>my webpack common config: </p>
  
  <pre><code>{
                   test: /\.scss$/,
                   loader: ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: 'css-loader!sass-loader?sourceMap' }),
                   include: helpers.root('src', 'app'),
                   exclude: helpers.root('node_modules')
               }
  </code></pre>
  
  <p>webpack dev config:</p>
  
  <pre><code>plugins: [
          new ExtractTextPlugin({ filename: '[name].css', allChunks: true })
  
      ],
  </code></pre>
  
  <p>I Tryied almost everything, and still, still same. How can it be, that sass-loader doesn't know what '@' is? Please help!</p>