gulp
이미지 손실없는 압축 (꿀풀 화상 포함)
수색…
통사론
- 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