Gulp在转换之前检查WebP图像是否存在

Question

我正在使用Gulp迭代图像目录，并创建每个包含的图像的WebP版本。

这效果很好，但是每次我运行构建过程时，都会重新转化每个图像。

如何获取该函数来检查每个文件的WebP版本是否已经存在？

    gulp.task('convert-webp', function () {
       return gulp.src('media/image/**/*')
          .pipe(webp())
          .pipe(gulp.dest(function (file) {
             return file.base;
          }));
    });

Answer 1

您可以使用Gulp软件包 gulp-if 或可能是其他其他文件来测试每个文件管道：

const gulpIF = require('gulp-if');

gulp.task('convert-webp', function () {
  return gulp.src('media/image/**/*')

       // use below for testing purposes
      .pipe(gulpIF("!**/*.webp", webp(), gulp.dest('onyWebp')))

      // use this version when satisfied it is working
      // .pipe(gulpIF("!**/*.webp", webp()))

    .pipe(gulp.dest(function (file) {
      return file.base;
    }));
});

gulpif（“！**/*。WebP”，webp（），， gulp.dest（'Onywebp'））

以上将测试如果当前文件是不是 a .webp文件，如果不是是真的）这些文件将转到webp（），所有其他文件（即.webp文件）将转到beall> bealth weebp目录。因此，您可以看到这些文件没有通过webp（）管道。

所有文件仍然转到最终Gulp.dest。

它们是设置条件的其他方法，例如：

"!**/*.{png,jpg,bmp,jpeg,jpeg2,webp,svg}"   // exclude these
"*.{png,jpg}"                               // include these