Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ember-cli-es6-transform

sandydoo1.3kMIT1.0.0

Import ES6 modules from npm, bower or anywhere else in your app.

ember-addon, es6 modules, ember-cli, ember, import

readme

Try using ember-auto-import before this addon.

⚙️ ember-cli-es6-transform

Build Status

Import ES6 modules from npm, bower or anywhere else in your Ember app.

Table of contents

Requirements
Why
Installation
Usage

Requirements

`ember-cli@3.6` and greater.

For older versions of ember-cli, use the 0.0.* versions of this addon.

Why

Ember currently lacks official support for importing and transpiling external ES6 modules.

`ember-cli@2.15introduced the ability to import files fromnode_modules.ember-cli@2.16then gave us the ability to register and apply customimportTransformsto our imports. Currently, anything imported usingapp.importbypasses the Babel pipeline and is inserted into the finalvendor.jsverbatim. If your desired dependency is a ✨shiny new ES6 module, the import will break your app. This addon leverages both concepts to pass your dependency throughember-cli-babel`.

Installation

ember install ember-cli-es6-transform

Usage

Importing a single (file) dependency

Define the transformation when importing the ES6 module in your ember-cli-build.js. The syntax is the same as the built-in amd transform. Remember that app.import only works one file at a time!

Options:

  • as – (required) specify the module name.
// Importing spin.js as spin.js

app.import('node_modules/spin.js/spin.js', {
  using: [
    { transformation: 'es6', as: 'spin.js' }
  ]
});

In your app, you can then import the module using the name you specified in as.

import { Spinner } from 'spin.js';

Contributing

Installation

  • git clone <repository-url> this repository
  • cd ember-cli-es6-transform
  • yarn install

Running Tests

  • yarn test