css - webpack でスタイルをコンパイルする方法

Question

このモジュールはpackage.jsonにあります

{
 "name": "v1.0",
 "version": "1.0.0",
 "description": "",
 "main": "app-main.js",
 "scripts": {
   "test": "echo \"Error: no test specified\" && exit 1"
},
 "author": "",
 "license": "ISC",
 "devDependencies": {
   "babel-core": "^6.26.0",
   "babel-loader": "^7.1.2",
   "babel-preset-es2015": "^6.24.1",
   "css-loader": "^0.28.7",
   "extract-text-webpack-plugin": "^3.0.1",
   "node-sass": "^4.5.3",
   "sass-loader": "^6.0.6",
   "style-loader": "^0.19.0",
   "webpack": "^3.8.1"
},
"dependencies": {
   "jquery": "^3.2.1"
  }
}

`

私の js バンドルは機能していますが、スタイルを 1 つのバンドルにコンパイルできません。main.bundle.css。これは私のwebpack.config.jsです

const path = require('path');
let ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: {
    'app-main'   : './assets/js/app-main.js',
    'vendor-main': './assets/js/vendor-main.js'
},
output: {
    path: path.resolve(__dirname, './js'),
    filename: '[name].bundle.js'
},
module: {
    rules: [{
        test: /\.scss$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }, {
            loader: "sass-loader",
            options: {
                includePaths: ["css/scss/main.scss"]
            }
        }]
    }],

    loaders: [
        {
            exclude: /node_modules/,
            loader: 'babel-loader'
        }
    ]
},
plugins: [
    new ExtractTextPlugin({
        filename: 'css/[name].bundle.css',
        allChunks: true,
    }),
]

};

webpack を起動すると、エラーは発生しません。js バンドルは機能していますが、css は機能していません。どうすればこの問題を解決できますか?