Question

我将以下文件内容捆绑在一起：

a.js：

class BaseC {
    doIt(){
        console.log(this);
    }
}

class A extends BaseC{
}

b.js：

class B extends BaseC{
}

var b = new B()

b.doIt();

这些捆绑在最终的app.bundle.js中。运行时，我得到："Uncaught ReferenceError: BaseC is not defined"。这对我来说非常奇怪，因为我可以看到它首先在app.bundle.js中定义，然后在其他类之前定义如下：。

var BaseC = function () {
    function BaseC() {
        _classCallCheck(this, BaseC);
    }

    _createClass(BaseC, [{
        key: "doIt",
        value: function doIt() {
            console.log(this);
        }
    }]);

    return BaseC;
}();

任何线索？

P.S：我没有使用require / import系统。我知道这是webpack通常使用的方式，但我正在做的是提供一个数组，其中包含我想要使用glob模块捆绑到webpack的所有js文件，并期望通过这样一个简单的例子，它应该可以工作。

Answer 1

尝试从a.js导出类： export class BaseC { ...

并将其导入b.js： import {BaseC} from './a.js' ...

用webpack类捆绑js文件undefined

1 个答案: