EJS
npm install ejs --save-dev
这是一个功能很经典而且使用非常简单的JS模板引擎.
gulp-ejs插件
npm install gulp-ejs --save-dev
首先创建个html模板.
ejs.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%=title %></title>
</head>
<body>
<%=content %>
<hr/>
相关新闻:<br />
<ul>
<% for (var i in relate){ %>
<li><%= relate[i].title%></li>
<% } %>
</ul>
</body>
</html>
gulpfile.js
var gp_ejs=require('gulp-ejs');
gp.task('news2',function () {
var gNews=require('sxin');
gNews.getNews(function (body) {
var news=JSON.parse(body);
gp.src(["ejs.html"])
.pipe(gp_tpl(news))
.pipe(gp_rename(news.id+'.html'))
.pipe(gp.dest("./build/html"));
});
});
news.php
<?php
$news= new stdClass();
$news->id=123;
$news->title='标题';
$news->content='内容';
$relate1= new stdClass();
$relate1->title='相关新闻1';
$relate2= new stdClass();
$relate2->title='相关新闻1';
$news->relate=array($relate1,$relate2);
exit(json_encode($news));