javascript - 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、および 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>