webpack - extract-text-webpack-plugin を使用して、webpack で css を別のファイルに抽出します。

Question

.csswebpackを使用してすべてを別のファイルに抽出しようとしています。これを行うには、を使用していxtract-text-webpack-pluginます。

何らかの理由で、Web パックを実行した後にファイルを出力できません。

ここに私のwebpack.configファイルがあります

var path = require('path');
var webpack = require('webpack');

const ExtractTextPlugin = require('extract-text-webpack-plugin');

const css = new ExtractTextPlugin('styles/[name].css');

module.exports = {
    entry: [
        './App/main.js'
    ],
    output: {
        path: path.join(__dirname, '/wwwroot/js/'),
        filename: '[name].js',
    },
    resolve: {
        extensions: ['.css']
    },
    module: {
        rules: [{
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
                use: 'css-loader'
            })
        }]
    },
    plugins: [
        css
    ],

}

これは私がコンソールで得る出力です

Hash: 81acf65502ca13764b09
Version: webpack 3.2.0
Time: 71ms
  Asset     Size  Chunks             Chunk Names
main.js  2.62 kB       0  [emitted]  main
   [0] multi ./App/main.js 28 bytes {0} [built]
   [1] ./App/main.js 27 bytes {0} [built]

.csswwwroot フォルダーにファイルがありません。なぜこれが起こっているのですか？

ここにpackage.jsonファイルがあります

"dependencies": {},
  "devDependencies": {
    "css-loader": "^0.28.4",
    "extract-text-webpack-plugin": "^3.0.0",
    "webpack": "^3.2.0"
  }

ありがとうございました！