使用gulp-webp
把jpg/png生成 webP格式的图片很简单,
原图为 1.jpg ,生成的 都是 1.webp
在less/sass使用上不如直接 1.jpg.webp使用方便,
只需要使用 gulp-rename
调整下就好了,
代码如下~
const webp = require('gulp-webp');
const rename = require('gulp-rename')
gulp.src('./image/*.{png,jpg}')
.pipe(rename(function (path) {
path.extname += '.webp';
})
.pipe(webp())
.pipe(gulp.dest('./'));
原图为 1.jpg ,生成的 都是 1.jpg.webp