Templating with Browserify, domify & brfs.

build.sh

browserify index.js -o bundle.js -t brfs

index.js

var domify = require('domify');
var fs = require('fs');

var template = domify(fs.readFileSync(__dirname + '/template.html'));
var row = domify(fs.readFileSync(__dirname + '/row.html'));

var content = template.querySelector('#content');

[1,2,3,4,5,7,8,9].forEach(function(data) {
  row.innerHTML = data;
  content.appendChild(row.cloneNode(true));
});

document.body.appendChild(template);

package.json

{
  "name": "brfsdomify",
  "version": "0.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "BSD-2-Clause",
  "dependencies": {
    "brfs": "0.0.8",
    "domify": "~1.0.0"
  }
}

result.html

<!-- Created DOM -->
<div>
  <h1>My Fancy Site</h1>
  <div id="content"><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>7</p><p>8</p><p>9</p></div>
</div>

row.html

<p>Some content</p>

template.html

<div>
  <h1>My Fancy Site</h1>
  <div id="content"></div>
</div>