A template language agnostic filter for Broccoli that precompiles templates.
npm install --save-dev broccoli-template-precompilermodule.exports = function (broccoli) {
var templateCompiler = require('broccoli-template-precompiler')
var compile = require("your-template-compilator")
var pickFiles = require('broccoli-static-compiler')
function preprocess (tree) {
tree = templateCompiler(tree);
return tree
}
var sourceTree = broccoli.makeTree('js');
var templates = pickFiles(sourceTree, {
extensions: ['ejs'],
srcDir: '/templates',
destDir: '/templates',
compile: compile
})
var appTemplates = preprocess(templates);
return [appTemplates];
}A compile function is any function that receives one argument (the template's string) and returns a JavaScript function of the compiled template.
For example, when you want to use underscore's templating system that's what you should do:
var _ = require("underscore");
var compile = function(string) {
return _.template(string, { variable: "obj" }).source;
}Note: The variable option is required for the template to be compatible with use strict.
The filter can output templates in any of the three ways:
When you provide module: true option, the templates will use the following syntax:
export default function() { /* ... */ };When you provide commonjs: true option, the templates will use the following syntax:
module.exports = function() { /* ... */ };Without any of the above options the following syntax will be used:
JST["path/to/template"] = function() { /* ... */ };You can specify the namespace through the namespace option. The default namespace is JST.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent