在Babel 7 Standalone中使用打字稿

Question

我想将babel-standalone（https://babeljs.io/docs/en/next/babel-standalone.html）与打字稿一起使用。

我尝试过：

const output = Babel.transform(input, { presets: ['typescript'] }).code;

并且：

<script type="text/babel" data-presets="typescript">

但是似乎没有任何作用

我正在使用https://unpkg.com/@babel/standalone/babel.min.js

在我的应用程序中加载Babel

Answer 1

我仅在 C++ 项目中使用嵌入式 javascript v8 对此进行了测试。为了使用 Babel 独立转译打字稿，必须在传递给 Babel.transform 的设置中指定文件名，否则 Babel 会抛出一个关于缺少文件名的 javascript 错误。

const output = Babel.transform(
    input,
    {
        "presets": ["typescript"],
        "filename": "example.ts"
    }
).code;

文件名不必指代真实文件。但是，要使用打字稿转译器，文件扩展名必须是 .ts。