使用gulp-webp
把jpg/png生成 webP格式的圖片很簡(jiǎn)單,
原圖為 1.jpg 桦踊,生成的 都是 1.webp
在less/sass使用上不如直接 1.jpg.webp使用方便蔑匣,
只需要使用 gulp-rename
調(diào)整下就好了瞭稼,
代碼如下~
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