grunt-contrib-jst/README.md

162 lines
4.6 KiB
Markdown
Raw Normal View History

2012-10-19 07:02:45 +08:00
# grunt-contrib-jst [![Build Status](https://secure.travis-ci.org/gruntjs/grunt-contrib-jst.png?branch=master)](http://travis-ci.org/gruntjs/grunt-contrib-jst)
> Precompile Underscore templates to JST file.
## Getting Started
2012-11-14 06:12:23 +08:00
If you haven't used [grunt][] before, be sure to check out the [Getting Started][] guide, as it explains how to create a [gruntfile][Getting Started] as well as install and use grunt plugins. Once you're familiar with that process, install this plugin with this command:
2012-10-19 07:02:45 +08:00
2012-11-14 06:12:23 +08:00
```shell
2012-10-19 07:02:45 +08:00
npm install grunt-contrib-jst --save-dev
```
[grunt]: http://gruntjs.com/
2013-02-06 00:54:29 +08:00
[Getting Started]: http://gruntjs.com/getting-started
2012-10-19 07:02:45 +08:00
2012-11-14 06:12:23 +08:00
## Jst task
_Run this task with the `grunt jst` command._
2012-10-19 07:02:45 +08:00
2012-11-28 22:41:10 +08:00
_This task is a [multi task][] so any targets, files and options should be specified according to the [multi task][] documentation._
[multi task]: https://github.com/gruntjs/grunt/wiki/Configuring-tasks
2012-10-19 07:02:45 +08:00
_Version `0.4.x` of this plugin is compatible with Grunt `0.4.x`. Version `0.3.x` of this plugin is compatible with Grunt `0.3.x`._
2013-02-12 23:37:15 +08:00
_This plugin uses [the Lo-Dash library](http://lodash.com/) to generate JavaScript template functions. Some developers generate template functions dynamically during development. If you are doing so, please be aware that the functions generated by this plugin may differ from those created at run-time. For instance, [the Underscore.js library](http://underscorejs.org/) will throw an exception if templates reference undefined top-level values, while Lo-Dash will silently insert an empty string in their place._
2012-10-19 07:02:45 +08:00
### Options
#### separator
Type: `String`
Default: linefeed + linefeed
Concatenated files will be joined on this string.
2012-11-28 22:41:10 +08:00
#### namespace
2012-10-19 07:02:45 +08:00
Type: `String`
Default: 'JST'
The namespace in which the precompiled templates will be asssigned. *Use dot notation (e.g. App.Templates) for nested namespaces.*
2012-11-28 22:41:10 +08:00
#### processName
Type: `function`
2012-10-19 07:02:45 +08:00
Default: null
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.
```js
options: {
processName: function(filename) {
return filename.toUpperCase();
}
}
```
2012-11-28 22:41:10 +08:00
#### templateSettings
Type: `Object`
2012-10-19 07:02:45 +08:00
Default: null
The settings passed to underscore when compiling templates.
```js
jst: {
compile: {
options: {
templateSettings: {
interpolate : /\{\{(.+?)\}\}/g
}
},
files: {
"path/to/compiled/templates.js": ["path/to/source/**/*.html"]
}
}
}
```
2012-11-28 22:41:10 +08:00
#### prettify
Type: `boolean`
Default: false
When doing a quick once-over of your compiled template file, it's nice to see
an easy-to-read format that has one line per template. This will accomplish
that.
```js
options: {
prettify: true
}
```
2012-11-28 22:41:10 +08:00
#### amdWrapper
Type: `boolean`
Default: false
With Require.js and a pre-compiled template.js you want the templates to be
wrapped in a define. This will wrap the output in:
```js
define(function() {
//Templates
return this["NAMESPACE"];
});
```
Example:
```js
options: {
amdWrapper: true
}
```
2012-11-28 22:41:10 +08:00
2012-12-29 21:18:21 +08:00
#### processContent
Type: `function`
2012-12-29 21:18:21 +08:00
This option accepts a function which takes one argument (the file content) and
returns a string which will be used as template string.
The example below strips whitespace characters from the beginning and the end of
each line.
```js
2012-12-29 21:18:21 +08:00
options: {
processContent: function(src) {
return src.replace(/(^\s+|\s+$)/gm, '');
}
}
```
2012-11-28 22:41:10 +08:00
### Usage Examples
2012-10-19 07:02:45 +08:00
```js
jst: {
compile: {
options: {
templateSettings: {
interpolate : /\{\{(.+?)\}\}/g
}
},
files: {
"path/to/compiled/templates.js": ["path/to/source/**/*.html"]
}
}
}
```
2012-11-28 22:41:10 +08:00
2012-10-19 07:02:45 +08:00
## Release History
2013-02-06 00:54:29 +08:00
* 2012-01-28v0.4.1rc7Correct line endings for lodash output on windows.
2013-01-27 11:57:05 +08:00
* 2013-01-22v0.4.0rc7Updating grunt/gruntplugin dependencies to rc7. Changing in-development grunt/gruntplugin dependency versions from tilde version ranges to specific versions.
* 2013-01-08v0.4.0rc5Updating to work with grunt v0.4.0rc5. Switching to this.files api.
* 2012-10-11v0.3.1Rename grunt-contrib-lib dep to grunt-lib-contrib.
* 2012-08-22v0.3.0Options no longer accepted from global config key.
* 2012-08-15v0.2.3Support for nested namespaces.
* 2012-08-11v0.2.2Added processName functionality & escaping single quotes in filenames.
* 2012-08-09v0.2.0Refactored from grunt-contrib into individual repo.
2012-11-14 06:12:23 +08:00
---
2012-10-19 07:02:45 +08:00
2012-11-14 06:12:23 +08:00
Task submitted by [Tim Branyen](http://tbranyen.com)
2012-10-19 07:02:45 +08:00
2013-02-12 23:37:15 +08:00
*This file was generated on Tue Feb 12 2013 10:37:08.*