javascript - Gulp，在 `pipe()` 函数中使用当前文件名

Question

我试图用它自己的 json 文件在我的 gulp 源文件中呈现每个文件，但我不知道如何在 pipe 函数中访问当前文件名。

var gulp = require('gulp');
var handlebars = require('handlebars');
var gulpHandlebars = require('gulp-compile-handlebars');

gulp.task('compile-with-sample-data', function () {
  var options = {}
  return gulp.src('./src/**/*.html')
    .pipe(gulpHandlebars({ data: require('./data/' + filename +'.json') }, options))
    .pipe(gulp.dest('./build/'));

});

只要使用 require('./data/orders-complete.json')，我就可以让它每次都处理同一个文件:

var gulp = require('gulp');
var handlebars = require('handlebars');
var gulpHandlebars = require('gulp-compile-handlebars');

gulp.task('compile-with-sample-data', function () {
  var options = {}
  return gulp.src('./src/**/*.html')
    .pipe(gulpHandlebars({ data: require('./data/orders-complete.json') }, options))
    .pipe(gulp.dest('./build/'));

});

目前还不清楚我将如何做到这一点。

Answer 1

使用gulp-tap , 它使您能够获取文件名，甚至可以为下游管道更改它。