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