Dimples NPM | npm.io

Intro

A build step that manages Pug templates for use in JavaScript applications. Here's a demo of it being used.

Installation

npm i dimples --save

Example

Input (app.js)

document.body.innerHTML = '@tpl.Master';

build step

var dimples = require('dimples'),
	fs = require('fs');

fs.readFile('app.js', function(e, input) {
	if (e !== null) {
		throw e;
	}

	var code = (
		new dimples(input, {
			views: './views/',
			compress: false
		})
	).code;

	fs.writeFile('output.js', code);
});

becomes (output.js)

var $dimples = (function(d) {
	return (d == void 0) ? ({
		data: {},
		get: function(a) {
			return this.data[a];
		},
		add: function(tpls) {
			for (var key in tpls) {
				if (tpls.hasOwnProperty(key)) this.data[key] = tpls[key];
			}
		}
	}) : d;
})($dimples);

$dimples.add({1997400449: '<h1>Hello World</h1>'});

document.body.innerHTML = $dimples.get(1997400449);

API

constructor(input: Buffer|string, options: Config)

input is either a Buffer or a string of the source JavaScript options is an object containing 1 required property: views which is the directory of where to start finding templates. Also specify a compress property, which will compress the output of the dimples manager.