typescript - 在 Babel 7 Standalone 中使用 typescript

Question

我想在 typescript 中使用 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 Standalone 转译 typescript ，必须在传递给 Babel.transform 的设置中指定文件名。 , 否则 Babel 会抛出一个关于丢失文件名的 javascript 错误。

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

文件名不必引用真实文件。但是文件扩展名必须是 .ts用于要使用的 typescript 转译器。