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

Posted 2023-03-03

【中文标题】使用 ES6 模块和 CoffeeScript 的首选方式

【英文标题】：Preferred way of working with ES6 modules and 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 模块的首选方式吗？

【参考方案1】：

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

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

`export default MyComponent`

【讨论】：

谢谢，成功了。我不太关心语法，但我认为除了停止使用 CoffeeScript + ES6 模块之外，没有什么可以做的。

谢谢，它成功了，但仍然期待更优雅的解决方案