在没有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花费一段时间来翻译的非常大的课程

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