问题标签 [gulp-data]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1652 浏览

json - 如何使用 gulp-data 获取不同语言的输出 html?

这是我的 gulp 文件

这可能是数据的 json 文件data.json

我想在./dest文件夹中有两个文件home.htmlhome_de.html 并且home.html应该有英文内容并且home_de.html应该有德文内容。我不想为不同的语言使用不同的源 HTML 模板文件。

.json将手动添加数据文件 ( ) 的内容

0 投票
1 回答
1589 浏览

gulp - Gulp 任务将 JSON 和 Handlebars 从部分合并到 HTML

我正在制作一个简单的概念验证网站,使用 JSON 作为数据源,使用 Handlebars 作为模板引擎,以期将这两件事“合并”到静态 HTML 文件中。

该网站将非常模块化,因此每个组件都将使用不同的 Handlebars 'partial' 构建,每个组件都将使用其自己的 JSON 文件中的数据。

我目前的开发结构是这样的:

index.hbs 文件的内容是这样的:

部分现在非常简单。例如header.hbs包含:

我有以下 gulp 文件gulpfile.js,它是我想要实现的目标的一部分:

到目前为止,它在我的部分中捆绑在一起,并在一个名为dist/index.html.

缺少的是 JSON 数据部分。目前,部分使用的 JSON 数据在 gulp 文件(变量templateData)中定义,但我希望每个部分都使用src/modelsJSON 文件中的数据以提供清晰的分离。JSON 文件的名称将与使用.hbs它的部分名称相同。

我不清楚该怎么做。gulp -compile-handlebars 文档建议使用 gulp-data 将支持我需要的东西,但我正在努力拼凑适用于我的特定用例的gulp-data 文档中的任何内容。

谁能建议我如何修改我的 gulp 文件来完成这个?

非常感谢。

0 投票
1 回答
413 浏览

javascript - 使用 Gulp Data 在 Gulp 中获取来自 Mongo 的数据

使用 Gulp Data 时,如何从Mongo数据库中获取数据以Gulp作为数据源输入?

Gulp 任务简化

当我使用原型数据库时,我可以运行,

并得到这个结果:

0 投票
1 回答
1165 浏览

javascript - nunjucks 模板中的 JSON 数据,使用 gulp-data

我想在 nunjucks "set" 中使用 JSON 数据。一个最小的例子:

索引.html

模板.nunjucks

效果很好。我想将数据(例如 divname)从 index.html 文件中移出到 JSON 文件中,我们将其命名为data.json


使用 gulp-data,我们可以读取这个 data.json 文件,并且几乎可以在 index.html 的任何地方使用 {{div_name}}。似乎不可能在 nunjucks 内容中使用 {{div_name}} ,可能是由于嵌套的 { ?

无法提取 JSON 数据,输出为


想要这种行为的一个非常简单的原因是,我可以在 data.json 中定义多个 divname(divname1=foo、divname2=bar、divname3=ball),然后重用 template.nunjucks。当 template.nunjucks 或 index.html 中的标记变得非常复杂时,这是使用模板引擎强大功能的好方法。真正的用例是一个非常长/半复杂的 AWS CloudFormation 模板,其中资源名称在多个地方使用,除此之外,不同的 data.json 文件用于开发和生产环境。将值移动到 dev-data.json 和 prod-data.json,同时只为基础设施定义维护一个“索引”文件,这会引入模板将使事情更易于维护

开发数据.json

产品数据.json

瞧,dev 和 prod 的不同数据需要维护一个 index.html 文件

0 投票
1 回答
244 浏览

json - 使用 Gulp-data 的拼接路径

如何使用 gulp-data 获取父文件夹的名称?目前我正在使用以下内容:

在我的前面

从我的 gulp 文件中:

它将以下内容输出到 new.json

我不知道如何获取文件的父文件夹,这样relative就可以"relative":"lesson01""relative":"lesson02".

0 投票
1 回答
1777 浏览

json - 使用 gulp 具有不同 JSON 数据的多个 Nunjucks 文件

我想使用 gulp 和 Nunjucks 一次生成多个具有不同内容的模板文件。这些模板都将具有完全相同的布局,但为文本/图像传递不同的变量。

我能够成功生成单个index.html文件,但不确定如何设置它以一次创建多个文件。这是我所拥有的简化版本:

gulpfile.js

布局.nunjucks

index.nunjucks

数据.json

更改此工作流程以生成多个文件且每个文件具有不同标题的最佳方法是什么?

我发现我可以创建多个index.nunjucks文件,但看起来它们都使用同一个data.json文件。我也不想为每个单独的 JSON 文件。

我可以在我的data.json文件中添加一个数组以让 Nunjucks 循环并为找到的每个对象创建一个单独的文件吗?如下所示:

数据.json

或者有没有办法在index.nunjucks文件中设置变量而不依赖于将它们存储在 JSON 中?

0 投票
0 回答
51 浏览

node.js - 无法使用 gulp-data 从 MongoDB 获取帖子

方法:使用 gulp 创建带有来自 mongodb 的帖子的静态 html

堆栈: : express, mongodb, pug, gulp

TL:DR 我有一个连接 mongodb 的 express 应用程序和一些显示在我的登录页面上的帖子。每台服务器一切正常,它也在生产环境中运行。但除此之外,我还想要我的登录页面的静态版本。我知道那里有很多花哨的静态站点生成器,但我是 gulp 的粉丝并希望它是手工制作的 =)

我有这个 gulptask,它已经将每个 MongoClient 连接到我的本地数据库(数据库:护照,集合:帖子)和 console.logs 我的帖子

我认为这不是办法,但我可以成功记录数据功能中的帖子

模板

当我删除这个动态部分时,gulp taks 会毫无问题地生成我的 html。

它应该如何工作的版本(但不是)

当我调试我的 gulp 任务时,我看到这db.collection('posts').find()是一个未决的承诺。我也试图解决这个问题,但没有成功。

Gulp Heros 在那里 - 帮助我!

0 投票
1 回答
203 浏览

json - pug/jade & gulp-merge-json 换行符

我正在使用 pug/jade 和 gulp 数据和 gulp-merge-json。我找不到在我的 Json 中插入换行符的方法。我试图插入 json :

  • \n
  • \"
  • \\
  • \/
  • \b
  • \f
  • \r
  • \u

没有工作。我设法使用 \t 获得了一个空格,但我确实需要能够使用换行符。

这是哈巴狗代码:

这是名为 About.json 的 Json:

0 投票
1 回答
63 浏览

json - 如何从 nunjucks 中的 gulp 数据访问 json?

我有一个这样的 some.json 文件:

…我想进入一个 nunjucks 模板:

我将如何在 nunjucks 中访问这些数据?

这不起作用:

或者