问题标签 [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.
javascript - 使用 Gulp、Nunjucks 和数组渲染模板
我有一些这样的html:
我想使用Gulp、gulp-nunjucks-render和 array来渲染它['100', '300']
。
回答
这就是答案 - 但我想把功劳归功于帮助我完善问题、指出正确组件并帮助我处理语法的人 - 所以请正式回答 - 我将删除这个内联答案- 我已经测试了以下):
gulp - gulp-nunjucks-render 包含路径
我有一个这样的项目:
我正在使用gulp-nunjucks-render
模板。我的gulpfile.js
样子是这样的:
它运行良好,并在我的根文件夹中创建了一个 index.html。但是,每当我想包含部分 from 时templates/partials/bottomnav.nunjucks
,什么都不会发生。索引文件已创建,但不包括底部导航 html。
我一直在关注本指南,所以我的index.nunjucks
样子是这样的:
——但为什么不包括部分?路径错了吗?
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 文件
nunjucks - 检查 nunjucks 模板中的 NaN?
我试图在弹出窗口中显示“n/a”而不是 NaN。就像是:
我意识到我总是可以在模板渲染之前更早地捕捉到它,但是
有没有办法检查模板中的 NaN 值?
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?
gulp-nunjucks-render - Nunjucks 能否以多种语言输出文件
我正在尝试创建一个多语言页面,我希望对不同的语言使用不同的 json 文件,并让 gulp 输出文件名中带有语言后缀的文件。
到目前为止,我已经加载了一个数据文件,并且无法从该文件中输出单个对象,我只能使用 nunjuks 完成所有这些{for item in obj}
。
我需要做的是分别输出每个对象并为每种语言输出两个不同的文件。
这是英文文件,法文文件是一样的,只是它有法文文本:
这是吞咽任务:
这就是我认为我可以在模板文件中输出“hello”的值但它不起作用的方式:
javascript - Nunjucks 动态页面模板
我使用 nunjucks (gulp) 作为模板语言,我想构建一个动态页面模板。
这是我的 Json:
目前我为每个页面都有一个静态页面(html)模板:
我的第一个想法是读取 url 参数,但我无法以这种方式解决它。
有什么建议么?
gulp - gulp-nunjucks-render 并从单个文件添加数据
如何从单独的文件将数据包含到 gulp-nunjucks 模板中?
这个简单的解决方案不起作用。
node.js - 删除 nunjucks 变量中的 json 键值
我被困在我想从 nunjucks 模板变量中的 json 对象中删除键值对的地方。
我有一个对象:var json = {"id": "123", "obj": {"id": "456", "name": "testing"}, "name":"test", "template": "{% set object = json.obj %}{{object}}"}
在这个我得到整个对象没有修改。那么如何在 nunjucks 模板变量中实现这一点呢?
node.js - 在 nunjucks 的退出 json 对象中添加键值对
我想使用 nunjucks 模板在 JSON 对象中添加一个新的键值对,但无法添加它(不想添加任何自定义过滤器)。
假设我有一个对象
现在我想添加一个新密钥
所以我想要的最终输出
请让我怎么办?