使用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`