Webpack sass-loader doesn't understand '@' and throws error
<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>