Как использовать gulp-imagemin с gulp-watch?

Question

[Azat S.]

Могу ли я использовать gulp-imagemin плагин совместно с gulp-watch?
Необходимо, чтобы изображения минифицировались сразу, как только загружались в папку.

Фрагмент моего gulpfile.js:

var gulp = require('gulp');
var imagemin = require('gulp-imagemin');
var pngquant = require('imagemin-pngquant');

gulp.task('default', function() {
  gulp.watch('dist/images/**', function(event) {
    gulp.run('images');
  });
});

// Image files

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

Answer 1

[Дмитрий Королёв]

Судя по коду, вы используете не плагин gulp-watch, а встроенный gulp.watch. Отличие в том, что встроенный не умеет следить за новыми и удалёнными файлами. Воспользуйтесь gulp-watch, он всё умеет.

Comments

[Azat S.]

Спасибо! Не думал, что существует отдельный gulp-watch. Всё работает!