Как добавить CSS файлы в index.html с помощью веб-пакета

Question

Я новичок в Webpack и хочу добавить все CSS-файлы в комплекте и добавлены в файл index.html в dist.

мой файл 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. Заранее спасибо.