Javascript HtmlWebpackPlugin:将错误的脚本文件哈希注入html文件

我正在尝试使用HtmlWebpackPlugin生成.HTML文件

当使用webpack运行build时，我发现HTML文件中脚本标记的src与脚本文件名不同

这是我的网页配置：

const HtmlWebpackPlugin=require（'html-webpack-plugin'）；
const path=require（'path'）；
module.exports={
条目：{index:path.resolve（_dirname，'../src/index.js'）}，
输出：{
文件名：'bundle.[fullhash].js'，
path:path.resolve（_dirname，“../dist/”），
},
devtool:'源映射'，
插件：[
新HtmlWebpackPlugin({
模板：path.resolve（uu dirname，'../src/index.html'），
缩小：是的，
}),
],
模块：{
规则：[
//HTML
{
测试：/\（html）$/，
用法：['html-loader']，
},
//JS
{
测试：/\.js$/,，
排除：/node_模块/，
用法：['babel-loader']，
},
//CSS
{
测试：/\.css$/,，
用法：['style-loader'，'css-loader']，
},
//图像
{
测试：/\（jpg | png | gif | svg）$/，
使用：[
{
加载器：“文件加载器”，
选项：{
outputPath:“资产/图像/”，
},
},
],
},
],
},
};

这是生成的HTML：

文件

这是我的dist文件夹：

正如您所看到的，bundle文件的名称是正确的，但是主体和处的script标记有错误的src