Question

我尝试使用GULP解析目录中的JSON文件，并将结果写入HTML文件。那可行吗？如果是这样，请帮助我提供链接和示例。

Answer 1

除非你有多个文件，否则你不需要使用gulp将.json写入HTML。

试试：

使用require
使用fs.readFileSync;
从JSON
使用我的HTML将自定义字符串替换为HTML
写文件

json文件：

[
  {
    "name":"Doe",
    "firstName":"John",
    "age":"35"
  },
  {
    "name":"Man",
    "firstName":"Bat",
    "age":"40"
  }
]

html文件：

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Firstname</th>
        <th>Age</th>
      </tr>
    </thead>
    <tbody>
      %CONTENT%
    </tbody>
    </table>
  </body>
</html>

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 '<tr>'
    + '<td>' + item.name + '</td>'
    + '<td>' + item.firstName + '</td>'
    + '<td>' + item.age + '</td>'
    + '</tr>'
})

var newHtml = html.replace('%CONTENT%', parsedResults.join('\n'));

fs.writeFileSync('my-new-file.html', newHtml, {encoding:'utf8'});

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

1 个答案: