node.js - 模板路径中的通配符在带有 gulp 的 nunjucks 中不起作用

Question

我正在使用这个 gulp 插件来使用 nunjucks 来使 HTML 管理更容易。

https://github.com/carlosl/gulp-nunjucks-render

gulp.task('default', function () {
  return gulp.src('src/templates/*.html')
    .pipe(nunjucksRender({
      path: ['src/templates/'] // String or Array
    }))
    .pipe(gulp.dest('dist'));
});

我想将我的模板和特定页面的部分内容保留在不同文件夹中的页面目录下，因此我尝试将路径保持为

path: ['src/templates/', 'src/common-partials/', 'src/pages/**/**/includes/']

但它不起作用。

Template render error: (unknown path)
  Error: template not found: component1.nunjucks

我的设置

Answer 1

path 选项不支持通配。您必须单独传递每个路径:

gulp.task('default', function () {
  return gulp.src('src/templates/*.html')
    .pipe(nunjucksRender({
      path: ['src/templates/', 'src/pages/section_name/sub-page/includes'] 
    }))
    .pipe(gulp.dest('dist'));
});

如果您确实想使用通配符，您可以使用 glob在将每个 glob 传递给 gulp-nunjucks-render 之前解析每个 glob 的模块:

var glob = require('glob');

gulp.task('default', function() {
  var includeDirs = ['src/templates/', 'src/pages/**/includes'];

  return gulp.src('src/templates/*.html')
    .pipe(nunjucksRender({
      path: includeDirs.reduce(function(dirs, g) {
        return dirs.concat(glob.sync(g));
      }, [])
    }))
    .pipe(gulp.dest('dist'));
});