将 typescript 与 Babel 7 Standalone 一起使用

Posted 2023-03-13

【中文标题】将 typescript 与 Babel 7 Standalone 一起使用

【英文标题】：Use typescript with 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 才能使用打字稿转译器。