javascript - 有什么方法可以查看 gulp watch 处理了哪些文件？

Question

我有这个 gulp 任务:

var abc = {
    src: [
      'app/**/abc.html',
      'app/**/def.html'
    ],
};
gulp.task('watchHTMLs', function () {
    gulp.watch(abc.src, function (file) {
        return gulp.src(file.path, { base: process.cwd() })
          .pipe(rename({ basename: 'base' }))
          .pipe(gulp.dest('./'));
    });
});

有什么方法可以让我看到运行 gulp 脚本的输出，显示更改了哪个文件？

像这样:

> cmd.exe /c gulp -b "C:\H\user\user" --color --gulpfile "C:\H\user\user\Gulpfile.js" watchHTMLs
[11:37:29] Using gulpfile C:\H\user\user\Gulpfile.js
[11:37:29] Starting 'watchHTMLs'...
[11:37:29] Finished 'watchHTMLs' after 60 ms

找到文件/app/xxx/abc.html找到文件/app/yyy/abc.html找到文件/app/xxx/def.html

Answer 1

看看gulp-print :

gulp.watch(abc.src, function (file) {
    return gulp.src(file.path, { base: process.cwd() })
      <b>.pipe(print(function (file) {
          return "Found file "+file;
      })</b>
      .pipe(rename({ basename: 'base' }))
      .pipe(gulp.dest('./'));
    });