我可以用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')); 
}); 

希望幫助;-)