Визуализация шаблона с использованием 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>