使用ES6模块和CoffeeScript的首选方式

Question

我一直在玩ember-app-kit项目，我遇到了ES6模块和CoffeeScript关键字的一些问题。

我正在谈论的javascript的一个例子是：

import Resolver from 'resolver';

和

export default App;

我已经能够绕过coffeescript编译器错误，方法是使用“export”和“import”转换为'''反引号。

我对如何逃避这样的js感到困惑：

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

有谁知道是否有使用CoffeeScript和ES6模块的首选方式？

Answer 1

您可以将组件分配给var，然后转义此var的导出。 像这样：

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

`export default MyComponent`