javascript - 不用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 合规性以及可能的安全性有关吗？

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

Put the class on a shared object (window)

SuperClass.js must be included before SubClass.js

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

window.MySuperClass = MySuperClass;

---

var MySuperClass = window.MySuperClass;

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

我不确定这是否适用于需要 Babel 一段时间才能转译的非常大的类

到目前为止似乎有效，如果我找到其他解决方案，将会更新