Question

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

Answer 1

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

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

`export default MyComponent`

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

1 个答案: