new-module-imports.md

ember/new-module-imports

💼 This rule is enabled in the ✅ recommended config.

Use "New Module Imports" from Ember RFC #176.

RFC #176 introduced as new public API for Ember.js based on ES6 module imports.

If you use ember-cli-babel with version 6.6.0 or above you can start using the "New Module Imports" instead of the Ember global directly. This will enable us to build better tree shaking feature into Ember CLI.

If you want to transition to new module imports in old Ember app use dedicated codemod. For more information, please read the following article by Brian Runnells.

Examples

Examples of incorrect code for this rule:

Ember.Component.extend({});
Ember.Object.extend({});
Ember.computed(function () {});
Ember.inject.service('foo');

Examples of correct code for this rule:

import Component from '@ember/component';
import EmberObject, { computed } from '@ember/object';
import Service, { inject } from '@ember/service';