我可以用gulp-watch使用gulp-imagemin吗？

Question

我可以使用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

在你的手表任务，你看图像的变化'DIST /图片/' .. 你应该将其改为**'src/images/*'

同样在你的图像任务中，你只能看图像直接在images文件夹中（非递归）。我会电子书籍，听取'的src /图片/' **

您的新gulpfile看起来像：

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

gulp.task('default', function() { 
    gulp.watch('src/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')); 
}); 

希望帮助;-)