可以使用 Babel 转译成 TypeScript 吗？

Question

我了解 Babel now has support for TypeScript 样式类型注释。但是，它不像 TypeScript 编译器那样检查类型，它会从输出中删除类型注释。我想要实现的是：

1. 将带有 TypeScript 注释的 stage-0 代码转换为 vanilla TypeScript
2. 使用 TypeScript 编译器检查类型
3. 输出与 Node 或浏览器兼容的 JavaScript

这可能吗？

Answer 1

我很好奇，所以我 pinged Nicolò Ribaudo 在 Babel 上做了很多工作，事实证明这比我想象的要容易：你可以告诉 Babel 解析类型注释但不能 删除它们通过使用 TypeScript 语法插件 (@babel/plugin-syntax-typescript) 而不是 TypeScript preset (@babel/preset-typescript)。

例如，如果您想转换对管道运算符的支持，您的 .babelrc 可能如下所示：

{
  "plugins": [
    "@babel/plugin-syntax-typescript",
    [
      "@babel/plugin-proposal-pipeline-operator",
      {
        "proposal": "minimal"
      }
    ]
  ]
}

如果你给 Babel 这个 .ts 文件：

function doubleSay(str: string) {
  return str + ", " + str;
}
function capitalize(str: string) {
  return str[0].toUpperCase() + str.substring(1);
}
function exclaim(str: string) {
  return str + '!';
}

let result = "hello"
  |> doubleSay
  |> capitalize
  |> exclaim;

console.log(result);

...它使用管道运算符生成此输出，但类型注释仍然存在：

var _ref, _ref2, _hello;

function doubleSay(str: string) {
  return str + ", " + str;
}

function capitalize(str: string) {
  return str[0].toUpperCase() + str.substring(1);
}

function exclaim(str: string) {
  return str + '!';
}

let result = (_ref = (_ref2 = (_hello = "hello", doubleSay(_hello)), capitalize(_ref2)), exclaim(_ref));
console.log(result);