Javascript 有没有一种方法可以让我看到哪些文件是由一个gulp watch处理的？

我有这个任务：

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

请查看：

gulp.watch（abc.src，函数（文件）{
返回gulp.src（file.path，{base:process.cwd（）}）
.pipe（打印）（函数（文件）{
返回“找到的文件”+文件；
})
.pipe（重命名（{basename:'base'}））
.喉管("./");；
});

gulp.watch返回一个EventEmitter，这样您就可以简单地收听更改：

var watcher = gulp.watch(abc.src, 'task');
watcher.on('change', event => {
    console.log(event.path);
});

或者，如果您想遵循您的方法，我建议使用：

var watcher = gulp.watch(abc.src, 'task');
watcher.on('change', event => {
    console.log(event.path);
});

var debug = require('gulp-debug');

...

gulp.watch(abc.src, function (file) {
    return gulp.src(file.path, { base: process.cwd() })
      .pipe(debug())
      .pipe(rename({ basename: 'base' }))
      .pipe(gulp.dest('./'));
});