此 preset 包含如下插件:
你需要为
@babel/cli
和@babel/node
命令行工具指定--extensions ".ts"
参数,以使其能够处理.ts
文件。
示例
输入
javascript
const x: number = 0;
Js中文网 – 前端进阶资源教程 www.javascriptC.com ,Babel中文文档
一个致力于帮助开发者用代码改变世界为使命的平台
输出
javascript
const x = 0;
安装
sh
npm install --save-dev @babel/preset-typescript
用法
通过 .babelrc
配置文件(推荐)
.babelrc
json
{
"presets": ["@babel/preset-typescript"]
}
通过命令行工具(CLI)
sh
babel --presets @babel/preset-typescript script.ts
通过 Node API
javascript
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 参数)进行解析。
来源:Js中文网 – 前端进阶资源教程
链接:https://www.javascriptc.com/docs/babel-manual/babel-preset-typescript