gulp
Bildförlustfri komprimering (med gulp-imagemin)

Angular 2 AngularJS CSS HTML JavaScript Laravel Node.js PHP React TypeScript
Sök…


Syntax

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

parametrar

Argument Beskrivning
sourcePath Källkatalog för bilder (till exempel: /assets/images )
buildPath Destinationsväg (till exempel: /static/dist/ )

Anmärkningar

Det första argumentet till imagemin constructor är plugin array. Som standard används följande plugins: [imagemin.gifsicle(), imagemin.jpegtran(), imagemin.optipng(), imagemin.svgo()]

Det andra argumentet är alternativ. I exemplet ovan används följande alternativ: 

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

De är helt frivilliga.

progressive används av imagemin-jpegtran .

interlaced används av imagemin-gifsicle .

removeUnknownsAndDefaults och cleanupIDs används av imagemin-svgo .

Installation och användning

Beroende av installation ( https://www.npmjs.com/package/gulp-imagemin ) 

$ npm install --save-dev gulp-imagemin

Användande 

/*
 * 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
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow