Swig でデータバインディングして静的HTMLを生成する #Node.js

データ

data.json

{
  "myData" : "Hello",
  "myNumber" : 42
}

テンプレート

template.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Title of the document</title>
</head>
<body>
  {{myData}} ----- {{myNumber}}
</body>
</html>

コンパイルスクリプト

var fs = require('fs');
var swig = require('swig');
var data = require('./data.json');
var html = swig.renderFile('template.html', data);
fs.writeFileSync('output.html', html);

出力結果

output.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Title of the document</title>
</head>
<body>
  Hello ----- 42
</body>
</html>