Ember导出/导入意义与coffescipt

Question

我们有：

# app/components/my-component.coffee
`import Ember from 'ember'`

MyComponent = Ember.Component.extend
  tagName: 'div'

`export default MyComponent`

但在纯粹的js中它将是

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'div'
});

所有这些导入/导出是关于什么的？ MyComponent是否与文件命名相同，或者我可以使用任何命名var而不是它？如果我这样命名，我是否需要使用import MyComponent？

Answer 1

就是这样，因为coffeescript没有es6中import和export语句的语法。

在ember-cli中，每个文件都是es6模块。因此，您在模块中声明的任何变量都只存在于那里。按照惯例，您的ember应用中导出组件的名称将为MyComponent，因为文件名为my-component.js

但是在你的文件中你也可以给变量一个完全不同的名字。

如果您在其他地方导入此文件，则可以按照以下方式将其命名为：

import Bananas from `components\my-component.js`

Bananas现在将包含default

中my-component.js导出的内容