在 babeljs 中连接模块中的导入

Question

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

有没有办法将脚本与 babelJS

中的导入连接起来

我有以下

home.js 导入 home/home-navbar 和 home/home-slider

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

我可以在 BabelJS 中执行此操作吗？如果不是，正确的方法是什么？

Answer 1

Can I do this in BabelJS?

没有，not yet。

what would the proper way to do it?

不确定正确的方法，但有其他选择。 browserify and esperanto 等工具计算模块依赖关系并将它们捆绑到单个文件中（或多个文件，如果需要的话）。

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

Answer 2

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

If you want to share resources, you can always transport objects via the shared window object

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
    }
}

在 babeljs 中连接模块中的导入

Concatenate imports in modules in babeljs

javascript

ecmascript-6

babeljs