Javascript 使用Gulp、nunjuck和数组呈现模板

Javascript 使用Gulp、nunjuck和数组呈现模板,javascript,gulp,nunjucks,gulp-nunjucks-render,Javascript,Gulp,Nunjucks,Gulp Nunjucks Render,我有一些类似这样的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>

我有一些类似这样的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>
我想使用,和数组
['100','300']
来渲染它

答复 这是答案-但我想感谢帮助我完善问题、指出正确组件并帮助我使用语法的人-因此请正式回答-我将删除此内联答案-我已测试了以下内容):


大口大口的,是我最喜欢的。有关文档,请参见。我不确定我是否正确理解您的意思,但它应该是类似于
class=“u-color-background-gray-{{item}}”
。我最喜欢喝一口。有关文档,请参见。我不确定我是否正确理解您的意思,但它应该类似于
class=“u-color-background-gray-{{item}”
<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>