This is a gulp plugin to process Emblem.js templates specifically for Ember.
First, install gulp-ember-emblem and gulp-define-module as development dependencies:
npm install --save-dev gulp-ember-emblem gulp-define-module
Then, add it to your gulpfile.js
:
var emberEmblem = require('gulp-ember-emblem');
var defineModule = require('gulp-define-module');
gulp.task('templates', function(){
gulp.src(['client/templates/*.hbs'])
.pipe(emberEmblem())
.pipe(defineModule('node'))
.pipe(gulp.dest('build/templates/'));
});
gulp-ember-emblem outputs a raw handlebars function, so it is likely that you will want to use gulp-define-module to make the handlebars template available via a specific namespace or for use with a module system. For additional usage examples, we recommend that you visit gulp-handlebars and gulp-define-module.
gulp-define-module can be used to prepare the output for use with common module systems such as AMD, Node, and CommonJS. Please see the documentation for more details on how to use that in a gulp chain.
gulp-ember-emblem makes the following available for use in the define-module wrapper:
emberHandlebars
:
The handlebars template fully wrapped (Ember.Handlebars.template(<%= contents %>)
).
Type: Object
Compiler options to pass to Emblem.precompile()
.
This project is distributed under the MIT license.