gulp
Compression sans perte d'image (avec gulp-imagemin)

Angular 2 AngularJS CSS HTML JavaScript Laravel Node.js PHP React TypeScript
Recherche…


Syntaxe

  1. imagemin ([plugins], {options})

Paramètres

Argument La description
sourcePath Répertoire source des images (par exemple: /assets/images )
buildPath Chemin de destination (par exemple: /static/dist/ )

Remarques

Le premier argument du constructeur imagemin est le tableau de plugins. Par défaut, les plugins suivants sont utilisés: [imagemin.gifsicle(), imagemin.jpegtran(), imagemin.optipng(), imagemin.svgo()]

Deuxième argument sont des options. Dans l'exemple ci-dessus, les options suivantes sont utilisées: 

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

Ceux-ci sont complètement facultatifs.

progressive est utilisé par imagemin-jpegtran .

interlaced est utilisé par imagemin-gifsicle .

removeUnknownsAndDefaults et cleanupIDs sont utilisés par imagemin-svgo .

Installation et utilisation

Installation de dépendances ( https://www.npmjs.com/package/gulp-imagemin ) 

$ npm install --save-dev gulp-imagemin

Usage 

/*
 * 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
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow