在测试的时候我的html标签上的img不显示，打包也正常的，结果需要配置esModule:false
去查文档发现webpack5要配置 esModule:false
webpack5需要html-loader配置 esModule:false
ps：前提是你已经下载了html-loader
module:{
rules:[
//......
{
test:/\.(png|jpg|jpeg|gif)$/,
//从右到左 从下到上
// use:['url.loader',{'file':'file-loader',option:{}}]
loader:'url-loader',
options:{
publicPath:'./images/',
outputPath:'images/',
limit: 1024 * 5, //小于5KB转base64
name:'[name][hash:8].[ext]'
}
},
{
test:/\.html$/,
loader:'html-loader',
options:{ //需要配置这块儿就可以了
esModule:false
}
}
]
},
最后看下成果
