在没有Webpack的情况下，使用Babel在客户端中进行转换，导入和导出？

Question

我可以使用Babel编译JSX并通过全局命名空间导出变量吗？

我不想运行随机的Webpack服务器。

我已经把我的脑袋包裹在ES6，JSX，Babel和React周围，并且对另一个使这么简单的任务复杂化的库无关心

最终我想导出我的React类并导入另一个。 从理论上讲，它应该只阻塞，直到满足依赖关系，我不明白这是一个反模式，因为我的所有代码和外部依赖都在本地缓存。

这是<script>标记的默认行为，而不是<script type="text/babel">

<script type="text/babel">
    var message = "hello world";
</script>

<script type="text/babel">
    console.log(message); // undefined
</script>

我使用ES6导出和导入很好，但不是另一个随机文件服务器

Answer 1

编辑：显然从Babel中删除了导出和导入功能。 我不确定为什么，但它与ES6合规性和可能的​​安全性有关？

无论如何，如果您决定将它们放在单独的文件中以用于开发目的：

将类放在共享对象（窗口）上

必须在SubClass.js之前包含SuperClass.js

class MySuperClass () {
    constructor (config) {
        super(config);
    }
}

window.MySuperClass = MySuperClass;

---

var MySuperClass = window.MySuperClass;

class MySubClass extends MySuperClass () {
    constructor (config) {
        super(config);
    }
}

我不确定这是否适用于让Babel有一段时间难以理解的非常大的课程

它似乎工作到目前为止，如果我找到另一个解决方案将更新