未使用BabelLoader定义JavaScript模块

Question

我正在尝试将我编写的包导入到我编写的另一个包中。

巴贝尔前装载机

class TestClass {
    constructor() {
        // Load flags on import here
        console.log("TESTING CONSTRUCTOR");
    }

    log(message) {
        console.log("TESTING LOG");
    }
}

export default new TestClass();

邮政巴贝尔装载机

var TestClass = function () {
    function TestClass() {
        _classCallCheck(this, TestClass);

        // Load flags on import here
        console.log("TESTING CONSTRUCTOR");
    }

    _createClass(TestClass, [{
        key: "log",
        value: function log(message) {
            console.log("TESTING LOG");
        }
    }]);

    return TestClass;
}();

exports.default = new TestClass();

进口本身只是一个import TestClass from 'testclass-js'。但是，我每次尝试加载它时都会收到“Darklaunch未定义”错误，并且无法调用该类的任何方法。

我想知道我在这里做错了什么。

Answer 1

如果您要导入ES5 / commonjs版本，则需要导入'yourmodule'.default;这种变化发生在巴贝尔6周围

Babel 6 changes how it exports default

阅读更多关于原始问题：https://github.com/babel/babel/issues/2212

如果你的软件包同时包含es5和es6 +版本，你可以在module的package.json密钥中指向es6版本，webpack / rollup会选择它并捆绑它而不是commonjs版本