gulp
이미지 손실없는 압축 (꿀풀 화상 포함)

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

통사론

imagemin ([plugins], {options})

매개 변수

논의	기술
`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