我是靠谱客的博主 合适手链,最近开发中收集的这篇文章主要介绍vue项目配置image-webapck-loader,safari和firefox和ie都无法显示图片,觉得挺不错的,现在分享给大家,希望可以做个参考。
概述
按照 image-webapck-loader github上介绍的那样配置,结果safari和firefox和ie都无法显示图片。只有chrome能正常显示
rules: [{
test: /.(gif|png|jpe?g|svg)$/i,
use: [
'file-loader',
{
loader: 'image-webpack-loader',
options: {
mozjpeg: {
progressive: true,
quality: 65
},
// optipng.enabled: false will disable optipng
optipng: {
enabled: false,
},
pngquant: {
quality: '65-90',
speed: 4
},
gifsicle: {
interlaced: false,
},
// the webp option will enable WEBP
webp: {
quality: 75
}
}
},
],
}]
之后我删掉下面的配置,就能正常显示了
webp: {
quality: 75
}
最后
以上就是合适手链为你收集整理的vue项目配置image-webapck-loader,safari和firefox和ie都无法显示图片的全部内容,希望文章能够帮你解决vue项目配置image-webapck-loader,safari和firefox和ie都无法显示图片所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复