将 typescript 与 Babel 7 Standalone 一起使用答案

【问题标题】：Use typescript with Babel 7 Standalone将 typescript 与 Babel 7 Standalone 一起使用
【发布时间】：2019-07-30 10:08:37
【问题描述】：

我想将 babel-standalone (https://babeljs.io/docs/en/next/babel-standalone.html) 与 typescript 一起使用。

我试过了：

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

还有：

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

但似乎没有任何效果

我在我的应用程序中加载 Babel，使用：https://unpkg.com/@babel/standalone/babel.min.js

【问题讨论】：

【解决方案1】：

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

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

文件名不必引用真实文件。但是文件扩展名必须是 .ts 才能使用打字稿转译器。

【讨论】：