使用带有babel转换器的es6模块导入类和调用静态方法

时间:2015-03-10 21:52:30

标签: javascript ecmascript-6

我有以下类定义:

class EmberReflux{
  static createActions(actions) {
    console.log(actions);
  }
}

export { EmberReflux };

当我从其他文件导入时:

import EmberReflux from '../utils/ember-reflux';

let TodoActions = EmberReflux.createActions(
[
  "addItem",
  "undo",
  "redo"
]);

export { TodoActions };

转化后看起来像这样

define('ember-reflux/utils/todo-actions', ['exports', 'ember-reflux/utils/ember-reflux'], function (exports, EmberReflux) {

    'use strict';

    var TodoActions = EmberReflux['default'].createActions(["addItem", "undo", "redo"]);

    exports.TodoActions = TodoActions;

});

我不确定EmberReflux['default']

中的默认值是什么

我想调用这样的静态类方法:

EmberReflux.createActions

但我必须这样称呼它:

EmberReflux.EmberReflux.createActions

3 个答案:

答案 0 :(得分:35)

您有两种选择:

  1. 像您一样导出EmberReflux

    export { EmberReflux };
    

    然后导入它:

    import { EmberReflux } from '../utils/ember-reflux';
    
  2. 导出时使用default

    export default EmberReflux;
    

    并导入它(就像你正在做的那样):

     import EmberReflux from '../utils/ember-reflux';
    
  3. 在这两种情况下,您都可以使用EmberReflux之类的:

    EmberReflux.createActions();
    

答案 1 :(得分:9)

我没有足够的声誉来评论,alexpods的答案是完美的,但是为了理解我们的朋友Ced问:

  

为什么我们需要第二个例子中的默认值?换句话说,为什么我们不能直接导出EmberReflux?

当你写这样的时候:

export { EmberReflux };

这样的写作是这样的:

export { EmberReflux: EmberReflux };

这就是你需要运行EmberReflux.EmberReflux的原因,解决方案非常简单:

export default EmberReflux;

答案 2 :(得分:0)

class EmberReflux {
    //...
}

module.exports = EmberReflux