gulp 导出 html,使用GULP解析JSON并将结果输出到HTML文件

您不需要使用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'});