Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何访问gulp gray matter插件创建的数据对象(使用Nunjuck编译html文件时)_Javascript_Node.js_Gulp_Nunjucks_Yaml Front Matter - Fatal编程技术网

Javascript 如何访问gulp gray matter插件创建的数据对象(使用Nunjuck编译html文件时)

Javascript 如何访问gulp gray matter插件创建的数据对象(使用Nunjuck编译html文件时),javascript,node.js,gulp,nunjucks,yaml-front-matter,Javascript,Node.js,Gulp,Nunjucks,Yaml Front Matter,我将其用作前端JavaScript模板引擎 我想从某些.nunjuck文件中读取额叶物质数据,然后在将.nunjuck(模板)文件编译为.html文件时使用这些数据 经过一点研究,我发现这是一个更快更好的额叶物质提取插件 我的问题是:我现在如何访问锋面物质数据对象 例如,我会在一个.nunjucks文件中写前面的物质,如下所示: --- title: Welcome to ACME Co. --- <title>{{ data.title }}</title> 默认情

我将其用作前端JavaScript模板引擎

我想从某些.nunjuck文件中读取额叶物质数据,然后在将.nunjuck(模板)文件编译为.html文件时使用这些数据

经过一点研究,我发现这是一个更快更好的额叶物质提取插件

我的问题是:我现在如何访问锋面物质数据对象

例如,我会在一个.nunjucks文件中写前面的物质,如下所示:

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

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

默认情况下,
gulp gray matter
在流中每个文件的
data
属性中存储所有前体物质数据

默认情况下,
gulp nunjucks render
使用流中每个文件的
data
属性中存在的数据

所以你实际上不必在你的肚子里做任何花哨的事情。这将有助于:

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>
---
标题:欢迎来到ACME公司。
---
{{title}}

这么简单的答案。。。4小时后,我可以继续我的生活。谢谢:)
gulp.task('nunjucks', function(){
    return gulp.src('src/templates/**/*.nunjucks')
        .pipe(gulpGrayMatter())
        .pipe(nunjucks()) 
        .pipe(gulp.dest('dest'));
});
---
title: Welcome to ACME Co.
---

<title>{{ title }}</title>