node package manager
Don’t reinvent the wheel. Reuse code within your team. Create a free org »



Load templates into Ember with webpack.


This will precompile your HTMLBars templates when you build with webpack with overrides specific for Ember.


var MyView = Ember.View.extend({
  template: require('ember-templates!./templates/my-view.hbs')

Or better within your webpack.config.js:

module.exports = {
  module: {
    loaders: [
      { test: /\.hbs$/, loader: 'ember-templates' }
  emberTemplatesLoader: {
    // Where to require the compiler from, defaults to an internal compiler.
    compiler: 'ember/ember-template-compiler',
    // OR: Pass in the precompiler directly...
    // precompile: require('ember/ember-template-compiler').precompile,

Now all required handlebars templates will be compiled for Ember first.


npm install ember-templates-loader --save-dev


In lieu of a formal styleguide, take care to maintain the existing coding style.

Release History

  • 1.12.0 - Marks the start of versioning in sync with Ember - the template compiler is required to match the version of Ember.
  • 1.3.1 - Remove napa from install in package.json
  • 1.3.0 - Include ember-template-compiler directly instead of using napa.
  • 1.2.0 - Wrap template in Ember.HTMLBars.template()
  • 1.1.0 - Support for Ember 1.10 and HTMLBars
  • 1.0.1 - Include ember-template-compiler in package.json (@mzgoddard)
  • 1.0.0 - Update to Handlebars 2.0 and template compiler for Ember 1.9 (@mzgoddard)
  • 0.2.0 - Precompile templates for Ember and publish


Copyright (c) 2017 Kyle Robinson Young
Licensed under the MIT license.