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

【问题标题】：Preferred way of working with ES6 modules and CoffeeScript使用 ES6 模块和 CoffeeScript 的首选方式
【发布时间】：2014-02-01 12:27:45
【问题描述】：

我一直在玩 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 模块的首选方式吗？

【问题讨论】：

标签： javascript ember.js coffeescript

【解决方案1】：

您可以将组件分配给 var，然后转义此 var 的导出。像这样：

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

`export default MyComponent`

【讨论】：

谢谢，成功了。我不太关心语法，但我认为除了停止使用 CoffeeScript + ES6 模块之外，没有什么可以做的。
谢谢，它成功了，但仍然期待更优雅的解决方案