Предпочтительный способ работы с модулями ES6 и CoffeeScript

Я играл с проектом ember-app-kit, и у меня возникали проблемы с модулями ES6 и ключевыми словами CoffeeScript.

Пример javascript, о котором я говорю, это:

import Resolver from 'resolver';

и

export default App;

Мне удалось обойти ошибки компилятора coffeescript, экранируя строки с помощью "export" и "import" с "` backticks.

Я сбился с толку о том, как избежать js следующим образом:

export default Ember.Component.extend({
  classNames: ['pretty-color'],
  attributeBindings: ['style'],
  style: function(){
    return 'color: ' + this.get('name') + ';';
  }.property('name')
});

Кто-нибудь знает, есть ли предпочтительный способ работы с модулями CoffeeScript и ES6?

Ответ 1

Вы можете назначить компонент для var, а затем избежать экспорта этого var. Вот так:

MyComponent = Ember.Component.extend
  classNames: ['pretty-color']
  attributeBindings: ['style']
  style: (->
    "color: #{@get('name')};"
  ).property('name')

`export default MyComponent`