ES6 + BabelJS + Webpack 导出类答案

【问题标题】：ES6 + BabelJS + Webpack to export classesES6 + BabelJS + Webpack 导出类
【发布时间】：2016-11-12 18:56:42
【问题描述】：

我正在学习 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”的新实例，但它也不起作用。

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

我什至尝试将 'dummy.js' 作为 webpack 配置的条目，但它会隐含一个静态类，我不想要它。

那么有人知道如何绕过这个吗？还是我忘记了什么？

【问题讨论】：

【解决方案1】：

在 ES2015+ 中构造函数的名称是 constructor 而不是 construct。

参考资料：

【讨论】：

【解决方案2】：

您的construct 函数应命名为constructor。

【讨论】：