@babel/preset-typescript

此 preset 包含如下插件：

• @babel/plugin-transform-typescript

你需要为 @babel/cli 和 @babel/node 命令行工具指定 --extensions ".ts" 参数，以使其能够处理 .ts 文件。

示例

输入

const x: number = 0;

输出

const x = 0;

安装

npm install --save-dev @babel/preset-typescript

用法

通过 .babelrc 配置文件（推荐）

.babelrc

{
  "presets": ["@babel/preset-typescript"]
}

通过命令行工具（CLI）

babel --presets @babel/preset-typescript script.ts

通过 Node API

require("@babel/core").transform("code", {
  presets: ["@babel/preset-typescript"],
});

参数

isTSX

boolean 类型，默认值为 false。

强制启用 jsx 解析。否则，尖括号将被视为 typescript 的类型断言（type assertion） var foo = <string>bar;。另外，isTSX: true 需要 allExtensions: true

jsxPragma

string 类型，默认值为 React。

编译 JSX 表达式时替换所用的函数（function）。

这样我们就能知道 import 不是 type import，并且不能被删除。

allExtensions

boolean 类型，默认值为 false。

将每个文件都作为 TS 或 TSX （取决于 isTSX 参数）进行解析。