微客导航 » 文章资讯 » webpack打包html里面img后src为“[object Module]”问题

webpack打包html里面img后src为“[object Module]”问题

2023-08-04 03:45:04 163

在html中引入img图片







Document1

使用url-loader/file-loader结合html-loader打包

{
test:/\.(png|jpg|gif|jpeg)$/,
use:[{
loader:'url-loader',
loader:'file-loader',
options:{
name:'[name].[ext]',
limit:10240
}
}]
},
{
test:/\.(htm|html)$/,
loader:'html-loader'
}

发现打包后html里面，img的src为[objectModule]，

但是如果使用"file-loader":"^4.2.0"或者"file-loader":"^2.0.0"却可以正常打包

后来发现file-loader在新版本中esModule默认为true，因此手动设置为false

{
test:/\.(png|jpg|gif|jpeg)$/,
use:[{
loader:'url-loader',
//loader:'file-loader',
options:{
esModule:false,//这里设置为false
name:'[name].[ext]',
limit:10240
}
}]
}

这样就可以正常打包了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

webpack打包html里面img后src为“[object Module]”问题

热门推荐

随机推荐