Javascript HtmlWebpackPlugin模板未注入变量

我目前正在使用Webpack（v4），在将变量和html正确注入html文档时遇到问题

如果我使用以下配置：

//规则
规则：[
{
测试：/\.html$/,，
使用：[{
加载器：“html加载器”，
选项：{
最小化：false
}
}
],
//...
插件：[
新HtmlWebpackPlugin({
标题:"富",，
模板：path.resolve（uu dirname，'src/'，'index.html'），
文件名：'./index.html'//相对于应用程序的根目录，
})
]

我得到以下信息：

因此，看起来我的变量没有被注入html。我也安装了html加载程序。在我的网页构建中没有抛出错误，除了： “入口点未定义=./index.html”

但是，当我将加载器替换为下划线模板加载器时，会得到以下结果：

福
module.exports=功能（obj）{
obj | |（obj={}）；
var uuu t，uuu p=''；
带（obj）{
__p+=‘foo-bar’；
}
返回
};

根据for html加载程序，我的变量/部分应该包含在构建的html文件中（没有下划线加载程序）

我不确定设置是否正确（可能应用了其他选项/设置？），但我的设置几乎相同，结果并不相同

所以最终目标是：将我的html部分注入index.html以及我的变量中

提前谢谢