使用Gulp，Nunjucks和Array渲染模板

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和数组['100', '300']来呈现它。

ANSWER

这就是答案 - 但我希望能帮助我改进问题的人，指出正确的组件，并帮助我使用语法 - 所以请正式回答 - 我将删除这个内联答案 - 我已经测试了下面的内容：

<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>