Bevorzugte Arbeitsweise mit ES6-Modulen und CoffeeScript

Question

Ich habe mit dem ember-app-kit-Projekt herumgespielt und stieß auf einige Probleme mit ES6-Modulen und CoffeeScript-Schlüsselwörtern.

Ein Beispiel für die Javascript ich rede ist:

import Resolver from 'resolver'; 

und

export default App; 

ich konnte das Coffeescript Compiler-Fehler umgehen, indem sie Linien mit „Export“ Flucht und " Import "mit" `Backticks.

Ich war immer verwirrt, wie js so zu entkommen:

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

Weiß jemand, ob eine bevorzugte Art und Weise der Arbeit mit Coffee und ES6 Module gibt es?

Answer 1

Sie können die Komponente einer Var zuweisen und dann den Export dieser Var. Gefällt mir:

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

`export default MyComponent`