使用ES6模塊和CoffeeScript的首選方式

Question

我一直在玩弄ember-app-kit項目，並且遇到了ES6模塊和CoffeeScript關鍵字的一些問題。

我談論的JavaScript的一個例子是：

import Resolver from 'resolver'; 

和

export default App; 

我已經能夠通過「導出」和「逃逸線繞過CoffeeScript的編譯器錯誤導入「與」`「反引號。

我是越來越困惑，如何逃脫這樣的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`