gulp imageminタスクは、新しいファイルや変更されたファイルに対してのみ実行できますか？

Question

私は以下のようなgulpタスクを追加しようとし、gulpイメージを実行して、追加/変更されたファイル上でのみ実行するようにしました。

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-newerほかに

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)); 
}); 

Answer 2

@Headwikiで述べたように、このための他の一般的なツールはgulp-changedです。

あなたの正確なニーズに応じてgulp-newerまたはgulp-changedはもっと良いかもしれません...あなたのプロジェクトにとっては違うかもしれません。詳細については、質問"gulp-newer vs gulp-changed?"