问题描述:
在html页面中引入本地的图片链接(使用相对路径)后,webpack打包了,但是在页面上打开html显示图片加载失败;
探究webpack问题:
打包解析html中img标签的图片,需要用到html-loader,
因为url-loader默认使用es6模块化解析,而html-loader引入图片是commonjs
解决办法:
test: /\.html$/,
// 处理html文件的img图片 负责引入img,从而能被url-loader进行处理
loader: 'html-loader',
options: {
esModule: false,
}