webpack5.0使用HtmlWebpackPlugin在配置template时会报错

Question

如题，请问有没有大佬遇到过，求解答

Answer 1

HtmlWebpackPlugin 的基础使用
 

var htmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    ... 省略
    plugins: [
        new htmlWebpackPlugin({
            filename: 'index.html',
            template: 'index.html',
        })
    ]
}

其中filename 默认是index.html,可以自定义名字

template 默认支持类型可以是html、jade、ejs等，如果是自定义模版需要安装对应的loader，然后配置。

template 配置如果是支持默认的，就是模版找不到，如果是自定义的，就需要查看loader配置和模版路径