json - gulp-nunjucks-html + gulp-data 未在 watch 上编译

Question

我编写了一个 gulp 任务来从 json 文件中获取数据并将其处理为 html。当我第一次运行构建时，这就像一个魅力，但是我设置了一个监视任务来执行此操作，虽然它会将 nunjucks 文件重建为 html，但它似乎会忽略 json，直到下一个完整构建(即使 watch 所做的只是运行相同的任务)

这是我的任务:

// Process nunjucks html files (.nunjucks)
gulp.task('nunjucks', function() {
  'use strict';
  return gulp.src('src/html/pages/**/*.nunjucks')
    .pipe(plumber(
      { errorHandler: onError }
    ))
    .pipe(data(function(file) {
      return require('./src/model/' + path.basename(file.path) + '.json');
    }))
    .pipe(data(function() {
      return require('./src/model/globals.json');
    }))
    .pipe(nunjucks({
      searchPaths: ['src/html/templates']
    }))
    .pipe(extReplace('.html'))
    .pipe(gulp.dest('dist'))
    .pipe(reload({stream:true}))
});

这是我的整个 gulpfile，以防问题出在其他地方而我只是没有发现它:http://pastebin.com/q9vc8h6i

有什么想法吗？

Answer 1

花了一段时间，但我找到了解决办法。我刚刚用它下面的行替换了注释掉的行:

 .pipe(data(function(file) {
    //return require('./src/model/' + path.basename(file.path) + '.json');
    return JSON.parse(fs.readFileSync('./src/model/' + path.basename(file.path, '.nunjucks') + '.json'));
 }))

编辑:我还必须将 var fs = require('fs') 添加到 gulpfile 的顶部，它是一个节点包，因此不需要额外的依赖项。