Sassがコンパイルされない

Question

私のscssファイルはコンパイルされません。私のコードで何をするのか分かりません。私はCSSの代わりにSassを使用できるようにしたいが、私はSassをコンパイルする正しい方法を見つけることができない。

var path = require('path') 
var utils = require('./utils') 
var config = require('../config') 
var vueLoaderConfig = require('./vue-loader.conf') 

function resolve (dir) { 
return path.join(__dirname, '..', dir) 
} 

module.exports = { 
entry: { 
app: './src/main.js', 
}, 
output: { 
path: config.build.assetsRoot, 
filename: '[name].js', 
publicPath: process.env.NODE_ENV === 'production' 
    ? config.build.assetsPublicPath 
    : config.dev.assetsPublicPath 
}, 
resolve: { 
extensions: ['.js', '.vue', '.json'], 
alias: { 
    'vue$': 'vue/dist/vue.esm.js', 
    '@': resolve('src'), 
} 
}, 
module: { 
rules: [ 
    { 
    test: /\.vue$/, 
    loader: 'vue-loader', 
    options: vueLoaderConfig 
    }, 
    { 
    test: /\.scss$/, 
    use: [ 'style-loader','css-loader','sass-loader' ], 
    loaders: ['style', 'css', 'sass'] 
    }, 
    { 
    test: /\.js$/, 
    loader: 'babel-loader', 
    include: [resolve('src'), resolve('test')] 
    }, 
    { 
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 
    loader: 'url-loader', 
    query: { 
     limit: 10000, 
     name: utils.assetsPath('img/[name].[hash:7].[ext]') 
    } 
    }, 
    { 
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 
    loader: 'url-loader', 
    query: { 
     limit: 10000, 
     name: utils.assetsPath('fonts/[name].[hash:7].[ext]') 
    } 
    } 
] 
} 
}