Javascript nunjucks模板中的JSON数据，使用gulp数据

我想在nunjucks“set”中使用JSON数据。一个简单的例子：

index.html

{% set divname='foo' %}
{% include 'template.nunjucks' %}

模板。nunjucks

<div class="{{divname}}"></div>

---

使用gulp数据，我们可以读取这个data.json文件并在index.html中的几乎任何地方使用{{div_name}}。似乎不可能在nunjucks内容中使用{{div_name}}，可能是因为嵌套了{div_name}

{% set divname='{{div_name}}' %}

无法拉入JSON数据，输出为

<div class="{{divname}}"></div>   instead of   <div class="foo"></div>

dev data.json

divname1 = dev-foo
divname2 = dev-bar

divname1 = foo
divname2 = bar

prod data.json

divname1 = dev-foo
divname2 = dev-bar

divname1 = foo
divname2 = bar

---

瞧，用一个index.html文件维护dev和prod的不同数据

以前从未使用过nunjucks，但我想您可以删除

set

语句中

{%set title=title\u data%}

中

title\u data

周围的括号

---

但是如果你已经有了标题字符串的句柄，为什么还要麻烦重新分配呢？直接模板：

{{{title\u data}

以前从未使用过nunjuck，但是我想你可以删除

set

语句中

title\u data

周围的括号：

{%set title=title\u data%}

---

但是，如果你已经有了标题字符串的句柄，为什么还要麻烦重新分配呢？只需直接模板化它：

{{title\u data}

我知道我必须错过一些简单的东西，今天没有喝咖啡。效果很好。之所以要这么做，是因为在index.html中多次重复使用template.nunjucks以及有条件地使用不同的data.json文件，我会编辑问题，让将来的读者清楚地了解用例。我知道我必须错过som很简单，我今天没有喝咖啡。效果很好。之所以要这样做，是因为在index.html中多次使用template.nunjucks，并有条件地使用不同的data.json文件，我将编辑这个问题，使用例对未来的读者更清晰。