如何实时自动编译 TS 文件

zgj233 - 2022-03-14 17:28:08

如何编译 TypeScript

编译TypeScript有很多种方法，这里说其中一种比较快的。
全局安装 typeScript

npm install typescript -g

全局安装之后会自动安装 tsc 命令行工具
这时我们只要运行

tsc ./path/file.ts

就能在./path（同级目录下）, 生成对应的js 文件

每次修改ts 之后自动编译，能否做到。
答：tsc 已经帮我们实现了这个功能

tsc -w  ./path/file.ts

这样file.ts 一旦发生了变化, typescript 都会重新编译。然后我们运行node file.js, 就能在终端看到这个文件的执行结果

但是这里有一个问题：每次file.ts 改变了之后都需要手动运行 node file.js, 是不是太麻烦？

监控ts的改变，并运行返回结果

解决这个麻烦其实很简单，在 typescript 编译成功之后去自动运行一遍node file.js。
我已经把这个做成了一个插件 tsc-cmd

npm install tsc-cmd -g
tsc-cmd ./path/file.ts

修改file.ts, 终端上面能够实时显示file.ts的执行结果。
虽然是个小插件，但是给个星星支持吧。

特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。