当前位置:首页 > 使用webpack插件image-webpack-loader 之后图片在苹果手机不显示的问题

使用webpack插件image-webpack-loader 之后图片在苹果手机不显示的问题

发布于 2020-03-19 阅读 377 次 webpack

使用webpack插件image-webpack-loader 之后图片在苹果手机不显示的问题

在安卓和电脑显示是正常的。我是像下面这么用的。后来换了另一个压缩图片的插件imagemin-webpack-plugin

image-webpack-loader 用法

  1. {
  2. loader: 'image-webpack-loader',
  3. options: {
  4. mozjpeg: {
  5. progressive: true,
  6. quality: 65
  7. },
  8. // optipng.enabled: false will disable optipng
  9. optipng: {
  10. enabled: false,
  11. },
  12. pngquant: {
  13. quality: [0.65, 0.90],
  14. speed: 4
  15. },
  16. gifsicle: {
  17. interlaced: false,
  18. },
  19. // the webp option will enable WEBP
  20. webp: {
  21. quality: 75
  22. }
  23. }
  24. },

imagemin-webpack-plugin用法

安装

  1. npm i imagemin-webpack-plugin --save-dev

使用

  1. const ImageminPlugin = require('imagemin-webpack-plugin').default;
  2. module.exports = {
  3. plugins: [
  4. new ImageminPlugin({
  5. pngquant: {
  6. quality: '95-100'
  7. }
  8. })
  9. ]
  10. }