Как научить imagemin (gulp) сжимать только новые фото и не трогать уже обработанные?

Question

[biz53]

Вопрос
Есть галп файл, в нем подключен imagemin и соответственно вотчер для слежения за обновлением файлов. Возможно ли как-то сделать, чтобы таск compress (см. ниже) срабатывал только для новых/изменённых файлов, и пропускал старые (уже обработанные)? Вопрос возник из-за большого количества картинок. Последнее выполнение таска заняло 3 минуты, при этом картинок в будущем планируется еще больше.
Пример настройки imagemin:

function compress () {
  return gulp.src(src.img)
    .pipe(
        webp({
            quality: 70
        }))
    .pipe(gulp.dest(`./build/img/`))
    .pipe(gulp.src(src.img))
    .pipe(imagemin({
        progressive: true,
        svgoPlugins: [{removeViewBox: false}],
        interlaced: true,
        optimizationlevel: 5
    }))
    .pipe(gulp.dest(`./build/img/`))
    .pipe(browserSync.stream())
}

Comments

[Alex]

Для начала почитайте правила оформления вопросов

Answer 1

[Виталий Першин]

Подключаем библиотеку gulp-changed
const changed = require('gulp-changed');

И первым делом перед тем как сжимать проверяем время последнего изменения, затем сравниваем хеш:

.pipe(changed(dir.output + '/images', {
            hasChanged: changed.compareLastModifiedTime
        }))
        .pipe(changed(dir.output + '/images', {
            hasChanged: changed.compareContents
        }))

Comments

[biz53]

Спасибо, работает! Только я записал как в документации

const gulp = require('gulp');
const changed = require('gulp-changed');
 
exports.default = () => (
    gulp.src(SOURCE)
        .pipe(changed(DESTINATION))
        // code
);

[Виталий Першин]

biz53, Пожалуйста, у меня пример тоже как в документации.. DESTINATION это просто путь, а следующим аргументом передается объект с конфигурацией, я вынес сначала сравнение дат, потому что это быстрая простая проверка, а уже если мы прошли проверку даты, идет сравнение содержимого, что мне кажется более ресурсоемко и в целом не так обязательно.