Vue cli 3 с плагином imagemin для веб-пакетов - PullRequest
Новая
       40

Vue cli 3 с плагином imagemin для веб-пакетов

0 голосов
/ 08 февраля 2019

Использование vue cli 3. Как правильно оптимизировать все изображения png / jpg / svg из src / assets / images, используя https://www.npmjs.com/package/imagemin-webpack-plugin в vue.config.js: 

const ImageminPlugin = require('imagemin-webpack-plugin').default

module.exports = {
  configureWebpack: {
    devtool: 'source-map',
    plugins: [
      new ImageminPlugin({
        pngquant: {
          quality: '90-95'
        }
      })
    ]
  }
}

Но этоПохоже, он не обрабатывает мои изображения, какие настройки мне не хватает?

1 Ответ

0 голосов
/ 07 апреля 2019

Плагин imagemin-webpack-plugin по умолчанию должен довольно хорошо оптимизировать PNG, GIF, JPEG и SVG.Поэтому, даже если вы не используете никаких опций (например, new ImageminPlugin()), вы получите все из них.Если вы хотите настроить степень сжатия, вы всегда можете взглянуть на документы , чтобы настроить его.

Если ваши изображения не оптимизируются, это может быть потому, чтоПлагин имеет «запасной вариант», при котором, если оптимизированное изображение будет БОЛЬШЕ, чем оригинальное, оно будет использовать только оригинальное.Иногда исходные изображения просто не будут сжиматься лучше, и возврат к оригиналу казался лучшим вариантом по умолчанию.

...