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

Javascript 使用ES6模块和CoffeeScript的首选方式,javascript,ember.js,coffeescript,Javascript,Ember.js,Coffeescript,我一直在玩余烬应用程序工具包项目,我遇到了一些ES6模块和CoffeeScript关键字的问题 我所说的javascript的一个例子是: import Resolver from 'resolver'; 及 我已经能够绕过coffeescript编译器错误,方法是使用“export”和“import”来转义带有“`”倒勾的行 我对如何像这样逃离js感到困惑: export default Ember.Component.extend({ classNames: ['pretty-colo

我一直在玩余烬应用程序工具包项目,我遇到了一些ES6模块和CoffeeScript关键字的问题

我所说的javascript的一个例子是:

import Resolver from 'resolver';

我已经能够绕过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模块是否有首选方法吗?

您可以将组件分配给变量,然后退出该变量的导出。如下所示:

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

`export default MyComponent`

谢谢,成功了。我不太关心语法,但我认为除了停止使用CoffeeScript+ES6模块之外,没有什么可以做的。谢谢,它成功了,但仍然期待一个更优雅的解决方案
MyComponent = Ember.Component.extend
  classNames: ['pretty-color']
  attributeBindings: ['style']
  style: (->
    "color: #{@get('name')};"
  ).property('name')

`export default MyComponent`