1

我使用nunjucks-render作为前端 JavaScript 模板引擎。

我想从某些 .nunjuck 文件中读取正面物质数据，然后在将我的 .nunjuck（模板）文件编译成 .html 文件时使用该数据。

经过一番研究，我发现gulp-gray-matter是更快更好的正面物质提取插件之一。

我的问题是：我现在如何访问正面物质数据对象？

例如，我会在 .nunjucks 文件中将正面问题写为：

---
title: Welcome to ACME Co.
---

<title>{{ data.title }}</title>

最终的 HTML 输出应该是：

<title>Welcome to ACME Co.</title>

我的 gulfile.js 设置如下：

var gulp = require('gulp'),
    nunjucks = require('gulp-nunjucks-render')
    gulpGrayMatter = require('gulp-gray-matter');

    gulp.task("nunjucks", function(){
        return gulp.src(src/templates/**/*.+(nunjucks|njk))
            .pipe(gulpGrayMatter()) //send files through gray-matter plugin to extract frontal-matter
            .pipe(nunjucks({
                path: src/templates
            })) 
            .pipe(gulp.dest(src));
    });
4

1 回答 1

3

默认情况下gulp-gray-matter，将所有前沿数据存储data在流中每个文件的属性中。

同样默认使用流中每个文件gulp-nunjucks-render的属性中存在的数据。data

所以你实际上不必在你的 Gulpfile 中做任何花哨的事情。这将起作用：

gulp.task('nunjucks', function(){
    return gulp.src('src/templates/**/*.nunjucks')
        .pipe(gulpGrayMatter())
        .pipe(nunjucks()) 
        .pipe(gulp.dest('dest'));
});

但是，您必须正确访问.nunjuck模板中的数据：

---
title: Welcome to ACME Co.
---

<title>{{ title }}</title>
于 2016-04-06T17:26:47.103 回答