如何使用web pack在index.html中添加css文件

Question

我是webpack＆amp;的新手想要添加捆绑并添加到dist。中的index.html文件的所有css文件。

我的webpack.config.js文件

var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
const helpers = require('./helpers');

module.exports  = function(env) {

    return {
  entry: {main:'./app/index.js',
  vendor: 'moment'
},
 resolve: {
    extensions: ['.css', '.js']
  },
  output: {
    filename: '[name].[chunkhash].js',
    path: path.resolve(__dirname, 'dist')
  },
   module: {
        rules: [{
            test: /\.css$/,
             include: helpers.root('app'),
            use: ExtractTextPlugin.extract({
                fallback: "css-loader",
               use: 'style-loader'
           })
        },
      {
        test: /\.html$/,
        loader: 'html-loader'
      }
        ]},
  plugins: [
            new webpack.optimize.CommonsChunkPlugin({
                names: ['vendor', , 'manifest'] 
            }),
        new ExtractTextPlugin('styles.css'),

         new HtmlWebpackPlugin({
            template: 'app/index.html',
            inject: 'body'
            })
        ]
  }
};

但是它不会创建styles.css文件。 提前谢谢。