在babeljs中以模块连接导入

Question

我对所有的ES6转换都是新手，我正计划使用BabelJS。

是否有方法将脚本与babelJS中的导入连接起来？

我有以下几点

home.js导入home/home-navbar和home/home-滑块

我希望输出同时包含home/home-navbar和home/home-滑块，但将它们都放在一个文件home.js中。

我能用BabelJS做这个吗？如果不是的话，怎样才是正确的方法呢？

Answer 1

我能用BabelJS做这个吗？

不，还没。

怎样才是正确的方法呢？

不确定正确的方法，但还有其他的选择。像褐化和世界语这样的工具计算模块依赖关系，并将它们捆绑到单个文件中(如果需要的话是多个)。

根据您的特定用例，您还可以编写一个连接所有文件的简单脚本。

Answer 2

Babel在客户机中运行，它实际上不会改变系统文件，您需要一个服务器。

如果希望共享资源，则始终可以通过共享的window对象传输对象。

class MyClass {
    constructor (config) {
        super(config);
        this.config = config;
    }
}

window.MyClass = MyClass;

var MyClass = window.MyClass;

class ExtendedClass extends MyClass {
    constructor (config) {
        super(config);
        console.log(this.config); // from MyClass
    }
}