javascript - 有没有办法让监视函数获取正在监视的文件的名称？

Question

我已经对这三个 watch 进行了编码，但还需要编码更多:

gulp.task('fl-index', function () {
    gulp.watch('index-fl.html', function () {
        return gulp.src('index-fl.html')
          .pipe(rename('index.html'))
          .pipe(gulp.dest('./'));
    })
});

gulp.task('ic-index', function () {
    gulp.watch('index-ic.html', function () {
        return gulp.src('index-ic.html')
          .pipe(rename('index.html'))
          .pipe(gulp.dest('./'));
    })
});

gulp.task('ts-index', function () {
    gulp.watch('index-ts.html', function () {
        return gulp.src('index-ts.html')
          .pipe(rename('index.html'))
          .pipe(gulp.dest('./'));
    })
});

由于所有功能几乎相同，我想知道我是否可以通过某种方式将其合并到一个 gulp 任务中？

Answer 1

每次发生更改时，传递给 gulp.watch() 的函数都会接收一个对象，该对象包含指向受影响文件的 path 属性。

您可以使用它来统一您的三个任务:

var gulp   = require('gulp');
var rename = require('gulp-rename');
var path = require('path');

gulp.task('index', function () {
  gulp.watch('index-*.html', function (file) {
    return gulp.src(path.basename(file.path))
      .pipe(rename('index.html'))
      .pipe(gulp.dest('./'));
  })
});