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

Question

我有一些这样的html：

<code class="html">
      <div class="u-color-background-gray-100">
        <code>u-color-background-gray-100</code>
      </div>

      <div class="u-color-background-gray-300">
        <code>u-color-background-gray-300</code>
      </div>
</code>

我想使用Gulp、gulp-nunjucks-render和 array来渲染它['100', '300']。

回答

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

<code class="html">
   {% for item in ['100', '300'] %}
      <div class="u-color-background-gray-{{item}}>
        <code>u-color-background-gray-{{item}}</code>
      </div>
   {% endfor %}
</code>