gulp - 如何仅对新文件和更改的文件运行 gulp imagemin 任务？

Question

我尝试添加如下所示的 gulp 任务并运行 gulp images 以便它仅在添加/更改的文件上运行但是，这似乎行不通......有什么想法吗？

  gulp.task('images', function (event) {
  switch (event.type)
  {
    case 'added':
    case 'changed':
      gulp.src(event.path)
        return gulp.src(config.images.src)
        .pipe(imagemin({
          optimizationLevel: 5,
          progressive: true,
          svgoPlugins: [{removeViewBox: false}],
          use: [pngcrush()]
        }))
        .pipe(gulp.dest(config.images.dest));
      break;
  }
});

Answer 1

您可以使用 gulp-newer只传递较新的文件。

在 imagemin 之前插入一个管道，目标文件夹作为参数。

gulp.task('images', function (event) {
  gulp.src(event.path)
    return gulp.src(config.images.src)
    .pipe(newer(config.images.dest))
    .pipe(imagemin({
      optimizationLevel: 5,
      progressive: true,
      svgoPlugins: [{removeViewBox: false}],
      use: [pngcrush()]
    }))
    .pipe(gulp.dest(config.images.dest));
});