Precompile Handlebars templates to JST file (part of the grunt-contrib collection). Submitted by Tim Branyen.
Install this grunt plugin next to your project's grunt.js gruntfile with: npm install grunt-contrib-handlebars
Then add this line to your project's grunt.js gruntfile:
grunt.loadNpmTasks('grunt-contrib-handlebars');Inside your grunt.js file, add a section named handlebars. This section specifies the files to compile and the options used with handlebars.
This defines what files this task will process and should contain key:value pairs.
The key (destination) should be an unique filepath (supports grunt.template) and the value (source) should be a filepath or an array of filepaths (supports minimatch).
Note: Values are precompiled to the namespaced JST array in the order passed.
This controls how this task operates and should contain key:value pairs, see options below.
The namespace in which the precompiled templates will be asssigned (default is JST). Use dot notation (e.g. App.Templates) for nested namespaces.
Example:
options: {
namespace: 'MyApp.Templates'
}Determine if preprocessed template functions will be wrapped in Handlebars.template function (default is false).
This option accepts a function which takes one argument (the template filepath) and returns a string which will be used as the key for the precompiled template object. The example below stores all templates on the default JST namespace in capital letters.
options: {
processName: function(filename) {
return filename.toUpperCase();
}
}This option accepts a function which takes one argument (the partial filepath) and returns a string which will be used as the key for the precompiled partial object when it is registered in Handlebars.partials. The example below stores all partials using only the actual filename instead of the full path.
options: {
processPartialName: function(filePath) { // input: templates/_header.hbs
var pieces = filePath.split("/");
return pieces[pieces.length - 1]; // output: _header.hbs
}
}Note: If processPartialName is not provided as an option the default assumes that partials will be stored by stripping trailing underscore characters and filename extensions. For example, the path templates/_header.hbs will become header and can be referenced in other templates as {{> header}}.
This option accepts a regex that defines the prefix character that is used to identify Handlebars partial files. (The default is _).
options: {
partialRegex: /^par_/ // assumes partial files would be prefixed with "par_" ie: "par_header.hbs"
}handlebars: {
compile: {
options: {
namespace: "JST"
},
files: {
"path/to/result.js": "path/to/source.hbs",
"path/to/another.js": ["path/to/sources/*.hbs", "path/to/more/*.hbs"]
}
}
}- 2012/08/23 - v0.3.0 - Options no longer accepted from global config key.
- 2012/08/16 - v0.2.3 - Support for nested namespaces.
- 2012/08/12 - v0.2.2 - Escape single quotes in filenames.
- 2012/08/10 - v0.2.0 - Refactored from grunt-contrib into individual repo.