ES6 + BabelJS + Webpack导出类

时间:2016-07-10 21:23:13

标签: javascript ecmascript-6 webpack babeljs

我正在学习关于babel和ES6的新东西,看起来很神奇,但我正在努力学习来自不同' js的导入课程。

我有dummy.js:

export default class Test {
    construct(){
        this.name = "name";
    }

    getName(){
        return this.name;
    }
}

我有我的index.js(webpack配置上的入口点):

import Test from './dummy.js';
var ab = new Test();

console.log(ab);
//out: Test{}
console.log(ab.getName());
//out: undefined

我花了几个小时用谷歌搜索,但我找不到任何有用的东西。我试图使用' module.exports'甚至导出一个函数来返回' Test'的新实例,但它也不起作用。

唯一可行的方法是使用原型,它似乎可以完成工作,但在使用原型编码​​所有内容之前,我想确保课程不起作用。

我甚至尝试过make' dummy.js'

一个webpack配置的条目,但它隐含了一个静态类,我不想要它。

那么有谁知道如何绕过这个?或者我忘了什么?

2 个答案:

答案 0 :(得分:1)

ES2015 +中构造函数的名称为constructor而非construct

参考文献:

答案 1 :(得分:1)

您的construct函数应命名为constructor