Webpack scss Неожиданный символ '@'

Question

Это мой webpack.config.js

const ExtractTextPlugin = require('extract-text-webpack-plugin');
      rules: 
            {
                test: /\.(sass|scss)$/,
                include: path.resolve(__dirname, 'src/scss'),
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', 'sass-loader']

                })
             }

    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new ExtractTextPlugin({
            filename: './dist/bundle.css',
        }),
    ],

И я получил эту ошибку:

Module parse failed: Unexpected character '@' (4:0)
    You may need an appropriate loader to handle this file type.
    > @import 'base/grid';

В документах css-loader написано, что это переводит @import, так почемуя получил эту ошибку?