EmberJs Add-On Cheat Sheet

Read This Blog

Ember Addon Secrets

Blueprints

The Ember CLI API documentation for Blueprints is here, but here are some usage examples for adding Ember Add-Ons, NPM packages, and Bower packages:

addAddonsToProject

When adding multiple Ember Addons use the addAddonsToProject function:

// ...
afterInstall: function(/*options*/) {
  return this.addAddonsToProject({
    packages: [
      { name: 'ember-moment' },
      // ...
      { name: 'ember-route-action-helper' }
    ]
  });
}
// ...

addPackagesToProject

When adding multiple NPM projects use the addPackagesToProject function, and check out the good example in the API docs.

addBowerPackagesToProject

Notice that using Bower is not ideal as the project is going to be phased out.

When adding multiple Bower packages use the addBowerPackagesToProject function:

// ...
afterInstall: function(/*options*/) {
  return this.addBowerPackagesToProject([
    { name: 'scrollreveal' },
    // ...
    { name: 'showdown' }
  ]);
}
// ...