您不需要使用gulp将.json写入HTML,除非您有多个文件。
试一下:
阅读与要求
阅读与fs.readFileSync HTML文件JSON文件;
从JSON创建一些HTML
更换自定义字符串转换成HTML与我的HTML
写入文件
JSON文件:
[
{
"name":"Doe",
"firstName":"John",
"age":"35"
},
{
"name":"Man",
"firstName":"Bat",
"age":"40"
}
]
HTML文件:
NameFirstnameAge
%CONTENT%
javascript:
var fs = require('fs');
var json = require('./myjsonFile.json');
var html = fs.readFileSync('./myhtmlFile.html', {encoding:'utf8'});
// create table HTML
// parse results and return each HTML lines
var parsedResults = json.map(function(item) {
return '
'+ '
' + item.name + ''+ '
' + item.firstName + ''+ '
' + item.age + ''+ '
'})
var newHtml = html.replace('%CONTENT%', parsedResults.join('\n'));
fs.writeFileSync('my-new-file.html', newHtml, {encoding:'utf8'});