现今的前端开发中，TypeScript 成为了越来越多项目的首选语言，但是在某些场景下，我们还是需要将 TypeScript 转化为 JavaScript，比如说一些被动态加载的模块，这时候我们可以使用 ts2c 这个 npm 包。
ts2c 是一个基于 TypeScript AST 进行转译的工具，它可以将 TypeScript 转化为简洁明了的 JavaScript。在这篇文章里，我将会详细介绍如何使用 ts2c。
安装 ts2c
要使用 ts2c，我们需要首先安装它。我们可以使用 npm 来进行安装：
npm install ts2c --save-dev
安装完成后，我们就可以将 TypeScript 文件转化为 JavaScript 文件了。
使用 ts2c 进行转译
使用 ts2c 进行转译非常简单，我们只需要在终端中输入以下命令：
ts2c src/index.ts -o dist/index.js
这个命令的意思是将 src 目录下的 index.ts 文件转化为 dist 目录下的 index.js 文件。现在，我们就可以在浏览器或者其他环境中使用 index.js 文件了。
ts2c 的参数
ts2c 支持多个参数，这里我介绍两个比较好用的参数：-w 和 -v。
-w
-w 参数用于监听文件的变化并自动重新转译。比如说，我们可以输入以下命令来监听 src 目录下的文件变化：
ts2c src -w -o dist
这个命令的意思是将 src 目录下所有文件转化为 dist 目录下的对应文件，并监听文件变化。
-v
-v 参数用于开启详细输出模式，可以用来查看 ts2c 进行转译时的详细过程。我们可以输入以下命令来开启详细输出模式：
ts2c src/index.ts -v -o dist/index.js
示例代码
以下是一个简单的 TypeScript 文件，在使用 ts2c 进行转译之后，它将被转化为简洁的 JavaScript 文件：
-- -------------------- ---- -------
--------- ------ -
----- -------
---- -------
-
----- ------- ---------- ------ -
----- -------
---- -------
------ -------
----------------- ------- ---- ------- ------ ------- -
--------- - -----
-------- - ----
---------- - ------
-
-------- ---- -
------------------- -- ---- -- ------------ --- --- ----------- ----- -------
-
-
----- ------- - --- ------------------- --- ---
----------------转化之后的 JavaScript 文件：
-- -------------------- ---- -------
----- ------- -
----------------- ---- ------ -
--------- - -----
-------- - ----
---------- - ------
-
------- -
------------------- -- ---- -- ------------ --- --- ----------- ----- -------
-
-
----- ------- - --- ------------------- --- ---
----------------结语
通过这篇文章，我们学习了如何安装 ts2c 并使用它进行 TypeScript 文件的转译。ts2c 不仅可以提高开发效率，还可以让代码更加简洁易懂。同时，我们也了解了 ts2c 的参数和使用方式，希望这篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/68513