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

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 信号)之前，此任务不会停止，但是如果您关闭终端，您将关闭任务!