Inspired by hbsfy and based on it source code.
Transform handlebars AST and add support of require
helper for browserify/webpack automatic injection;
npm install --save-dev injectify
Use it as Browserify transform module with -t
:
browserify -t injectify main.js > bundle.js
If you prefer gulp
:
var gulp = require("gulp"),
browserify = require("browserify"),
source = require("vinyl-source-stream"),
gulp.task('js', function () {
var bundleStream = browserify('./src/main.js')
.transform(require("injectify"))
.bundle();
return bundleStream
.pipe(source('main.js'))
.pipe(gulp.dest('dist'));
});
Configure webpack
{
"module": {
"loaders": [
{"test": /\.hbs/, "loader": "injectify"}
]
}
}
In file ./src/main.js
require injectify require
helper:
require("injectify/require");
Now you can use require
helper in your templates:
require
helper works like original browserify
. You can require modules relative to template file or
node_modules directory
- Include helper - allow include templates like partials, but with browserify
- View helper - allow render marionette view direct to template
- Handlebars 4.0 support