我是靠谱客的博主 合适手链,最近开发中收集的这篇文章主要介绍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都无法显示图片所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部