/gulp-imageisux

智图gulp插件

Primary LanguageJavaScript

#gulp-imageisux

NPM

智图的gulp插件

##Introduce 这是智图的gulp插件,它能自动压缩图片,并生成对应的webp格式(可选)。 你只需要声明src(path)图片源地址,并执行方法pipe(imageisux())就好了。

##Install 当然,你需要先安装gulp

$ npm install --global gulp

然后安装插件。

//全局安装
$ npm install --global gulp-imageisux

//局部安装
$ npm install --save-dev gulp-imageisux

##Usage 1、声明图片地址,例如放在img目录下面gulp.src(['img/*'])。 2、指定参数,压缩图片导出目录/dest/和是否同时导出webp格式。

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

gulp.task('imageisux', function() {
	return gulp.src(['img/*'])
			   .pipe(imageisux('/dirpath/',true));
});

##API 两个参数,dirpath目标目录以及enableWebp是否同时导出对应WEBP格式图片。

  • dirpath: 如果未定义,会自动生成两个目录:'/dest/'目录放压缩后图片,'/webp/'目录放对应的webp格式压缩图片。

  • enableWebp : 若为true,则会同时输出webp图片;若为false,则只会有压缩后原格式图片。