ejs-tpl-loader
v1.0.5
Published
Lodash HTML Templates loader for webpack
Downloads
23
Maintainers
Readme
ejs template loader for webpack
EJS (Underscore/LoDash Templates) loader for webpack. Uses lodash template function to compile templates.
If you are looking for the loader which uses EJS templating engine, there is ejs-compiled-loader
Installation
npm install ejs-tpl-loader
Usage
var template = require("ejs-tpl-loader!./file.ejs");
// => returns the template function compiled with undesrcore (lodash) templating engine.
// And then use it somewhere in your code
template(data) // Pass object with data
You also should provide a global _
variable with the lodash/underscore runtime. You can do it with the following webpack plugin: https://github.com/webpack/docs/wiki/list-of-plugins#provideplugin
plugins: [
new webpack.ProvidePlugin({
_: "underscore"
})
]
Compiler options
Query parameters allows to pass options for template compiller.
Config example:
module.exports = {
module: {
loaders: [
{ test: /\.ejs$/, loader: "ejs-tpl?variable=data" },
]
}
};
is equivalent to
var template = _.template('<%= template %>', {variable: 'data'});
Also extra options may be passed to load static files, see html-loader. This way any static files linked in templates will be included in final webpack bundle. Example:
module.exports = {
module: {
loaders: [
{ test: /\.ejs$/, loader: "ejs-tpl?variable=data&attrs[]=img:src&attrs[]=source:src" },
]
}
};
Tests
Run unit tests:
npm install
npm test
License
MIT (http://www.opensource.org/licenses/mit-license.php)