Gulp.js HTML部分和循环

时间:2014-12-21 14:24:05

标签: javascript html gulp

我正在创建新的网络开发工作流程。

目前我正在使用Gulp编译Sass文件,压缩CSS / JS /图像以及使用BrowserSync查看实时网站。

我错过了一页。一些简单而重要的 - 超快速的HTML模板引擎。我知道gulp-file-include。它非常快但缺少一个关键部分 - 基本循环。我不想写20个帖子/ 100个列表元素等。

我尝试过使用带有Gulp的Haml,但编译过程有点太长了。

提前致谢。

1 个答案:

答案 0 :(得分:0)

嗯,不确定你在寻找什么。

但我猜Jade可能是正确的。您可以使用迭代,例如:

- var n = 0
ul
  while n < 4
   li= n++

将输出此

  <ul>
     <li>0</li>
     <li>1</li>
     <li>2</li>
     <li>3</li>
 </ul>

或者您可以将emmet用作您选择的编辑器。所以你可以做这样的事情

ul.foo>li*5

使用类foo和5个列表项创建列表。还有更复杂的表达方式。