简介
在前端开发中，我们经常需要将 TypeScript 编译成 JavaScript。通常情况下，我们使用如下命令进行编译：
tsc main.ts
但是，在进行较大规模的开发时，我们通常有多个 TypeScript 文件需要编译，这时一个一个手动编译是非常繁琐的。针对这种情况，npm 包 @gitzone/tsrun 提供了一种简便的方式来编译 TypeScript。
安装
在使用之前，我们需要全局安装 @gitzone/tsrun，使用如下命令：
npm install -g @gitzone/tsrun
使用
普通模式
在普通模式下，@gitzone/tsrun 运行 tsconfig.json 中的 TypeScript 编译器，并编译所有 ts 文件。使用如下命令：
tsrun
watch 模式
在 watch 模式下，@gitzone/tsrun 监听 tsconfig.json 文件中的 TypeScript 文件，文件发生变化时自动编译。使用如下命令：
tsrun -w
指定 tsconfig 文件
在某些情况下，我们可能需要指定不同的 tsconfig 文件进行编译。@gitzone/tsrun 支持指定 tsconfig.json 文件。使用如下命令：
tsrun -p path/to/tsconfig.json
快捷编译
对于某些频繁使用的 tsconfig 文件，我们可以通过在 package.json 文件中添加 scripts 来快捷编译。例如，我们添加如下代码：
"scripts": {
"build": "tsrun -p tsconfig.json",
"watch": "tsrun -p tsconfig.json -w"
}然后就可以使用如下命令进行编译：
npm run build
或者启动 watch 模式：
npm run watch
示例代码
以下为一个简单的示例代码：
-- -------------------- ---- -------
-- -------
----- ------- -
--------- -------
-------------------- ------- -
------------- - --------
-
------- -
------ ------- - - --------------
-
-
--- ------- - --- -----------------
-----------------------------编译这个示例代码，我们只需要使用 tsrun 命令即可。执行如下命令：
tsrun main.ts
这会生成一个 main.js 文件，内容为：
-- -------------------- ---- -------
-- -------
----- ------- -
-------------------- -
------------- - --------
-
------- -
------ ------- - - --------------
-
-
--- ------- - --- -----------------
-----------------------------总结
通过使用 @gitzone/tsrun，我们可以轻松完成 TypeScript 编译，提高开发效率。同时，我们可以使用 watch 模式来自动编译 TypeScript 文件，省去了手动编译的繁琐步骤。在实际开发中，我们还可以通过添加 scripts 来快捷编译不同的 tsconfig 文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/198049