gulp-nunjucks-html + gulp-data 未在手表上编译答案

【问题标题】：gulp-nunjucks-html + gulp-data not compiling on watchgulp-nunjucks-html + gulp-data 未在手表上编译
【发布时间】：2016-02-17 12:28:13
【问题描述】：

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

这是我的任务：

// 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

有什么想法吗？

【问题讨论】：

标签： json gulp gulp-watch nunjucks

【解决方案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 的顶部，它是一个节点包，因此不需要额外的依赖项。

【讨论】：