TypeScript and Babel 7

来源

过去的一年里，Babel 用户设置 TypeScript 太困难了。

虽然 TypeScript 能编译成浏览器兼容还能使用最新特性，但是如果能不切换Babel的话也能获得静态检查的优点就更好了。

现在 Babel 7 提供了这项支持。

怎么用

1
npm install --save-dev @babel/preset-typescript
1
npm install --save-dev @babel/preset-typescript @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-proposal-object-rest-spread

.babelrc 确保是对的

1
2
3
4
5
6
7
8
9
10
{
    "presets": [
        "@babel/env",
        "@babel/preset-typescript"
    ],
    "plugins": [
        "@babel/proposal-class-properties",
        "@babel/proposal-object-rest-spread"
    ]
}

如果用 @babel/cli 这样就完事了。

1
babel ./src --out-dir lib --extensions ".ts,.tsx"

别忘记 tsconfig.json

这意味什么

虽然 Bebal 能擦除类型、重写功能使其在旧浏览器运行，但是没有静态检查。就算构建成功了，也容易抛出错误。tsc 工具能提供捕获类型错误的好处。

如果你已经在用 TypeScript ,这确实没什么大不了的。如果你在用 Babel，这能为你提供 TypeScript 的好处。

Caveats

忽略

Next？

致谢… 提升了解析器的速度…
广纳意见。