build中出现两张图片,一张能打开,一张不能打开,显示加载失败
{
// 问题:默认处理不了html 中img 图片
// 处理图片资源
test: /\.(jpg|png|gif)$/,
// 使用一个loader
// 下载url-loader file-loader
loader: 'url-loader',
options: {
// 图片大小小于8kb,就会被base64 处理
// 优点: 减少请求数量(减轻服务器压力)
// 缺点:图片体积会更大(文件请求速度更慢)
limit: 8 * 1024,
// 问题:因为url-loader 默认使用es6 模块化解析,而html-loader 引入图片是commonjs
// 解析时会出问题:[object Module]
// 解决:关闭 url-loader 的 es6 模块化,使用 commonjs 解析
esModule: false,
// 给图片进行重命名
// [hash:10]取图片的hash 的前10 位
// [ext]取文件原来扩展名
name: '[hash:10].[ext]'
}
},
尝试过的解决办法:
①改用html-withimg-loader:失败