我怎样才能让一个目录一直在听？

Question

我使用gulp.js 来缩小、压缩、优化我的静态文件。现在我有一个包含所有用户头像的目录。当用户注册时，我的 PHP 代码将为他生成一个头像并将其复制/粘贴到该目录中。

头像的大小几乎是 20kb。我可以每次在该目录上手动调用此任务以减小图像（头像）的大小：

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

gulp.task('compress_avatars', () =>
    gulp.src('pure/img/avatars/*')
        .pipe(imagemin())
        .pipe(gulp.dest('product/img/avatars'))
);

它也能正常工作，并使图像大小接近 3kb。一切都好。现在我想知道，我怎样才能让它自动（实时收听）？我的意思是，当图像添加到此目录时，我需要自动减小其大小（无需每次手动执行gulp compress_avatars）？

Answer 1

您可以使用gulp.watch 而不是gulp.src 来检查此目录中的任何更改并压缩您的头像文件。

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

gulp.task('compress_avatars', () =>
  gulp.watch('pure/img/avatars/*', {ignoreInitial: false})
    .pipe(imagemin())
    .pipe(gulp.dest('product/img/avatars'))
);

你必须知道，在你发送 Ctrl-c（SIGINT 信号）之前，这个任务不会停止，但是如果你关闭终端，你就会关闭任务！