javascript - 如何内联使用 Babel Compiled 类？

Question

我的 src/index.js 文件包含一个类:

export default class Test {
  constructor() {
    this._name = 'Test';
  }
}

Babel 然后将其编译为 es5 文件。在我的 index.html 文件中，我想要这样的内容:

<script src="lib/library.js" type="text/babel"></script>

接下来是:

<script type="text/javascript">
      var test = new Test();
</script>

但是，我得到“测试”未定义。如何在我的 index.html 中使用 es5 内联 js，其中该类在 babel 编译文件中导出？

谢谢。

Answer 1

ES6 模块的设计不会用其内部定义污染全局状态，这也意味着您不能简单地访问导出而不显式导入它们。

使您的类在全局范围内可访问的一种解决方案是明确这样做:

class Test {
  constructor() {
    this._name = 'Test';
  }
}

window.Test = Test

现在您应该能够在代码中的任何位置实例化您的类。