Require.js Twig Plugin

Installation

Use bower or npm to add requirejs-twig plugin to your project:

bower install requirejs-twig

or

npm install requirejs-twig

Config

Make sure you tell requirejs about new twigjs plugin by editing your requirejs config file. In addition? you can
redefine several options.

``js
require.config({
paths: {
twig: 'path/to/libs/twig.js/twig',
twigjs: 'path/to/libs/require-twig/twigjs'
},
// optional
config: {
twigjs: {
autoescape: false, // default: true (Since Twig.js 0.8.0)
extension: 'html' // default: twig
}
}
});
`

Usage

Write a template (path: templates/profile.twig):

`html






{{ firstName }} {{ lastName }}
{{ userName }}



`

Then require your template like so:

`js
require(['twigjs!templates/profile'], function(template) {
document.body.innerHTML = template({
avatarUrl: 'http://avatars.example.com/users/jdoe?v=1',
profileUrl: 'http://example.com/jdoe',
userName: 'jdoe',
firstName: 'John',
lastName: 'Doe'
});
});
`

And the output into document's body would be as follows:

`html






John Doe
jdoe



`

Usage with Backbone/Marionette

`js
define(['twigjs!templates/profile'], function(template) {
return Marionette.ItemView.extend({
template: template
});
});
``