Как заставить gulp пересобирать только измененные файлы?

Question

[Сергей delphinpro]

gulp.task('build-images', function () {
    gulp.src('src/design/images/**/*.png')
        .pipe(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use        : [pngquant()],
            interlaced : true
    	    			}))
    	    			.pipe(gulp.dest('build/design/images/'));
});

gulp.task('default', ['browser-sync'], function () {
    	gulp.watch(['src/design/images/**/*.*'], ['build-images']);
	});

Таким образом при изменении/добавлении картинки в обработку попадают все исходные файлы. А мне хотелось бы, чтобы обрабатывался только конкретный измененный/добавленный файл.

Аналогично с html-файлами, и остальными.

Answer 1

[copal]

gulp-newer

Comments

[Сергей delphinpro]

Благодарю. Похоже, то что нужно.

Answer 2

[Дмитрий]

https://www.npmjs.com/package/gulp-changed вот этот у меня стоит работает

Comments

[Сергей delphinpro]

Тоже его давно использую.

Answer 3

[AndreyOlegovich]

Changed не всегда подходит, я пользуюсь .on('change' ... ) в gulp.watch и сразу кидаю в .pipe только изменённый файл

https://urn.su/IT/gulp/watch_on_change.php