我是靠谱客的博主 合适手链,这篇文章主要介绍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内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部