问题标签 [gulp-nunjucks-render]

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 投票
0 回答
250 浏览

javascript - 使用 Gulp、Nunjucks 和数组渲染模板

我有一些这样的html:

我想使用Gulpgulp-nunjucks-render和 array来渲染它['100', '300']

回答

这就是答案 - 但我想把功劳归功于帮助我完善问题、指出正确组件并帮助我处理语法的人 - 所以请正式回答 - 我将删除这个内联答案- 我已经测试了以下):

0 投票
1 回答
1109 浏览

gulp - gulp-nunjucks-render 包含路径

我有一个这样的项目:

Gulp 项目结构

我正在使用gulp-nunjucks-render模板。我的gulpfile.js样子是这样的:

它运行良好,并在我的根文件夹中创建了一个 index.html。但是,每当我想包含部分 from 时templates/partials/bottomnav.nunjucks,什么都不会发生。索引文件已创建,但不包括底部导航 html。

我一直在关注本指南,所以我的index.nunjucks样子是这样的:

——但为什么不包括部分?路径错了吗?

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 回答
584 浏览

nunjucks - 检查 nunjucks 模板中的 NaN?

我试图在弹出窗口中显示“n/a”而不是 NaN。就像是:

我意识到我总是可以在模板渲染之前更早地捕捉到它,但是
有没有办法检查模板中的 NaN 值?

0 投票
2 回答
157 浏览

nunjucks - Render value to tenths place in nunjucks template?

Using the round() filter I can achieve the correct precision to the tenths place as in

however I still want to display the tenths place if value is zero or a whole integer. (0.0 instead of 0, 3.0 instead of 3)

Is there a different method or other way to render all values to the tenths place?

0 投票
1 回答
786 浏览

gulp-nunjucks-render - Nunjucks 能否以多种语言输出文件

我正在尝试创建一个多语言页面,我希望对不同的语言使用不同的 json 文件,并让 gulp 输出文件名中带有语言后缀的文件。

到目前为止,我已经加载了一个数据文件,并且无法从该文件中输出单个对象,我只能使用 nunjuks 完成所有这些{for item in obj}

我需要做的是分别输出每个对象并为每种语言输出两个不同的文件。

这是英文文件,法文文件是一样的,只是它有法文文本:

这是吞咽任务:

这就是我认为我可以在模板文件中输出“hello”的值但它不起作用的方式:

0 投票
3 回答
2309 浏览

javascript - Nunjucks 动态页面模板

我使用 nunjucks (gulp) 作为模板语言,我想构建一个动态页面模板。

这是我的 Json:

目前我为每个页面都有一个静态页面(html)模板:

我的第一个想法是读取 url 参数,但我无法以这种方式解决它。

有什么建议么?

0 投票
1 回答
660 浏览

gulp - gulp-nunjucks-render 并从单个文件添加数据

如何从单独的文件将数据包含到 gulp-nunjucks 模板中?

这个简单的解决方案不起作用。

0 投票
1 回答
254 浏览

node.js - 删除 nunjucks 变量中的 json 键值

我被困在我想从 nunjucks 模板变量中的 json 对象中删除键值对的地方。

我有一个对象:var json = {"id": "123", "obj": {"id": "456", "name": "testing"}, "name":"test", "template": "{% set object = json.obj %}{{object}}"}

在这个我得到整个对象没有修改。那么如何在 nunjucks 模板变量中实现这一点呢?

0 投票
0 回答
541 浏览

node.js - 在 nunjucks 的退出 json 对象中添加键值对

我想使用 nunjucks 模板在 JSON 对象中添加一个新的键值对,但无法添加它(不想添加任何自定义过滤器)。

假设我有一个对象

现在我想添加一个新密钥

所以我想要的最终输出

请让我怎么办?