在前端开发中，TypeScript 已经成为越来越受欢迎的语言。但是，在使用 TypeScript 编写代码并将其转换为 JavaScript 时，我们需要使用一些工具帮助我们处理类型检查和语法转换。这时，@babel/preset-typescript 包就变得非常重要了，它能够很好地帮助我们处理 TypeScript 等不同版本的 JavaScript 语法。
安装 @babel/preset-typescript
使用 npm 进行安装，打开你的终端或命令行窗口：
npm install @babel/preset-typescript --save-dev
配置 @babel/preset-typescript
在您的项目中，.babelrc 或者 babel.config.js 都是配置 Babel 的好地方。如果没有，请创建一个：
.babelrc
在你的 .babelrc 文件中，添加 @babel/preset-typescript 作为一项新的预设：
{
"presets": ["@babel/preset-typescript"]
}babel.config.js
在你的 babel.config.js 文件中，添加 @babel/preset-typescript 作为 presets：
-- -------------------- ---- -------
-------------- - -
-------- -
-
--------------------
-
-------- -
----- ---------
--
--
--
---------------------------
--
--示例代码
下面是一个 TypeScript 文件和它的对应的转换后的 JavaScript 文件：
TypeScript
const sum = (a: number, b: number): number => {
return a + b;
};
console.log(sum(1, 2));转换后的 JavaScript
"use strict";
var sum = function sum(a, b) {
return a + b;
};
console.log(sum(1, 2));通过以上示例可以看到，TypeScript 和转换后的 JavaScript 代码非常类似。@babel/preset-typescript 可以将 TypeScript 转换为普通的 JavaScript，非常方便快捷。
总结
@babel/preset-typescript 是一个强大的 npm 包，可以将 TypeScript 转换为普通的 JavaScript。在前端开发中，TypeScript 逐渐成为主流，因此掌握 @babel/preset-typescript 的使用方法非常重要。希望这篇文章能够帮助你更好地理解并使用这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/96103