Как сделать чтоб Gulp при добавлении 1 картинки не копировал имеющиеся уже в сборке картинки?

Question

[tory_kuzya]

Использую gulp для сборки проекта. Есть таск для сборки картинок

gulp.task('scripts', function() {

    return combiner(
        gulp.src(['frontend/assets/js/**']),
        gulpIf(isDevelopment, sourcemaps.init()),
        // uglify(),  //минимизируем
        // concat('lib.min.js'), // Собираем их в кучу в новом файле lib.min.js
        gulpIf(isDevelopment, sourcemaps.write()),
        gulp.dest('public/js')
    ).on('error', notify.onError());

});

Сейчас у меня при добавлении 1 новой картинки, сборщик копирует ВСЕ картинки заново. Их очень много. Сборка очень долго идет. Как сделать чтоб Gulp при добавлении 1 картинки не копировал имеющиеся уже в сборке картинки, а только добавлял недостающую? Прокомментируйте на моем примере пожалуйста.

Answer 1

[Сергей delphinpro]

npm install -D gulp-changed

const changed = require('gulp-changed');

return gulp.src(['./src'])
  .pipe(changed('./dist'))
  .pipe(imagesOptimize( … ))
  .pipe(gulp.dest('./dist'));

Comments

[tory_kuzya]

Спасибо! А использование .pipe обязательно? Это применимо к моей версии Gulp? (у меня в gulpfile.js ".pipe" не встречается...)

[Сергей delphinpro]

tory_kuzya, Ну вы же через комбайнер делаете, значит не надо пайпов. Я просто скопировал кусок из своего проекта для примера.

Вам просто нужен плагин gulp-changed - он следит за изменениями файлов и не даёт обрабатывать неизменные.

[tory_kuzya]

Спасибо за пояснения!

[tory_kuzya]

Сергей, помогите, никак не получается... Пишу так:

const changed = require('gulp-changed');

gulp.task('img', function() {
    return combiner(
        gulp.src(['frontend/assets/img/*.*']),
        changed(),
        gulp.dest('public/img')
    ).on('error', notify.onError());
});

Получаю ошибку:

[15:20:43] Starting 'img'...
[15:20:43] 'img' errored after 10 ms
[15:20:43] Error in plugin "gulp-changed"
Message:
    `dest` required
Details:
    domain: [object Object]
    domainThrown: true