webpack 配置 plugin 的 html-webpack

在学习 webpack 的时候碰到个配置 plugin 的问题,具体代码如下:

var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: path.join(__dirname, 'index'),
    output: {
            path: __dirname,
            filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loaders: ['style', 'css']
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            title: 'use plugin'
        })
    ]
};

文件路径如下:

image.png

其中的 index.html 一开始是没有的 后续 webpack 编译生成的.
执行 webpack 的时候报错:

image.png
后来看到一位博主给的解决办法:
image.png

plugin 配置里面加个 filename: 'index.html' 即可.

特此记录