Визуализация шаблона с использованием Gulp, Nunjucks и Array

У меня есть немного 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, https://github.com/carlosl/gulp-nunjucks-render и массив ['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>

0 ответов

Другие вопросы по тегам