grunt-batman-template

forked from grunt-template-client package

Compile any and all templates into a ready to use script include.

Getting Started

Install this grunt plugin next to your project's grunt.js gruntfile with: npm install grunt-batman-template

Then add this line to your project's grunt.js gruntfile:

grunt.loadNpmTasks('grunt-batman-template');

Example

given the following config and template

config

  batman: {
    dist: {
		src: ['templates/**/*.html'],
		dest: 'dist/tmpl.js' 
    }
  }

templates

templates/clock.html

<h1 data-bind="date"></h1>
<h2 data-bind="time"></h2>

templates/graph.html

<h1 class="title" data-bind="title"></h1>

<h2 class="value" data-bind="current | prettyNumber | prepend prefix"></h2>

<p class="more-info" data-bind="moreinfo"></p>

will output the following script file

dist/tmpl.js

(function bundleTemplates() {
	 Batman.View.store.set("graph", '<h1 class="title" data-bind="title"></h1><h2 class="value" data-bind="current | prettyNumber | prepend prefix"></h2><p class="more-info" data-bind="moreinfo"></p>' );
	 Batman.View.store.set("clock", '<h1 data-bind="date"></h1><h2 data-bind="time"></h2>' );
}());

ready to use/include/concat etc.

Todo

I guess there will be need to tweek the regex that cleans the template.

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using grunt.

Release History

• 0.2.1 - Forked to make it specific to Batman
• 0.2.0 - Forked from https://github.com/ullmark/grunt-hogan-client to make generic.
• 0.1.1 - Initial release

License

Copyright (c) 2012 Florian Traverse Licensed under the MIT license.