taai / can-stache

Live binding handlebars templates

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

can-stache

Build Status

Live binding handlebars templates

Usage

ES6 use

With StealJS, you can import this module directly in a template that is autorendered:

import plugin from 'can-stache';

CommonJS use

Use require to load can-stache and everything else needed to create a template that uses can-stache:

var plugin = require("can-stache");

AMD use

Configure the can and jquery paths and the can-stache package:

<script src="require.js"></script>
<script>
	require.config({
	    paths: {
	        "jquery": "node_modules/jquery/dist/jquery",
	        "can": "node_modules/canjs/dist/amd/can"
	    },
	    packages: [{
		    	name: 'can-stache',
		    	location: 'node_modules/can-stache/dist/amd',
		    	main: 'lib/can-stache'
	    }]
	});
	require(["main-amd"], function(){});
</script>

Standalone use

Load the global version of the plugin:

<script src='./node_modules/can-stache/dist/global/can-stache.js'></script>

Contributing

Making a Build

To make a build of the distributables into dist/ in the cloned repository run

npm install
node build

Running the tests

Tests can run in the browser by opening a webserver and visiting the test.html page. Automated tests that run the tests from the command line in Firefox can be run with

npm test

About

Live binding handlebars templates


Languages

Language:JavaScript 99.9%Language:HTML 0.1%