How to use gulp-imagemin with gulp-watch?

Question

gulp.js

Can I use the gulp-imagemin plugin with gulp-watch?
It is necessary that the images are minified as soon as they are loaded into the folder.
Snippet of my 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, он всё умеет.