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

2024-03-18

我编写了一个 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 http://pastebin.com/q9vc8h6i

有任何想法吗?


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

 .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 的顶部,它是一个节点包,因此不需要额外的依赖项。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

gulp-nunjucks-html + gulp-data 未在手表上编译 的相关文章

随机推荐