gulp
Сжатие без потерь изображения (с помощью gulp-imagemin)

Angular 2 AngularJS CSS HTML JavaScript Laravel Node.js PHP React TypeScript
Поиск…


Синтаксис

  1. imagemin ([плагины], {варианты})

параметры

аргументация Описание
sourcePath Исходный каталог изображений (например: /assets/images )
buildPath Путь назначения (например: /static/dist/ )

замечания

Первым аргументом для конструктора imagemin является массив плагинов. По умолчанию используются следующие плагины: [imagemin.gifsicle(), imagemin.jpegtran(), imagemin.optipng(), imagemin.svgo()]

Второй аргумент - это параметры. В приведенном выше примере используются следующие параметры: 

{
  progressive: true,
  interlaced: true,
  svgoPlugins: [{removeUnknownsAndDefaults: false}, {cleanupIDs: false}]
}

Это совершенно необязательно.

progressive используется imagemin-jpegtran .

interlaced используется imagemin-gifsicle .

removeUnknownsAndDefaults и cleanupIDs используются imagemin-svgo .

Установка и использование

Установка зависимостей ( https://www.npmjs.com/package/gulp-imagemin ) 

$ npm install --save-dev gulp-imagemin

использование 

/*
 * Your other dependencies.
 */

var imagemin = require('gulp-imagemin');

/*
 * `gulp images` - Run lossless compression on all the images.
 */
gulp.task('images', function() {
  return gulp.src(sourcePath) // e.g. /assets/images
    .pipe(imagemin({
      progressive: true,
      interlaced: true,
      svgoPlugins: [{removeUnknownsAndDefaults: false}, {cleanupIDs: false}]
    }))
    .pipe(gulp.dest(buildPath + 'images')); // e.g. /static/dist/
});


Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow