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`