如何使用 npm 命令编译打字稿？

Question

我只是想知道是否有任何命令可以直接编译打字稿代码并获得输出。现在，我正在做的是，每次我对文件进行更改时，我都必须重新运行命令才能编译它

npm start

这会启动浏览器，然后我必须使用 Ctrl + C 停止执行，然后我必须使用 npm 命令运行文件

node filename

查看输出。

所以我想知道的是，是否有任何 npm 命令可以编译 .ts 文件并查看我在使用文件运行文件时对文件所做的更改

node filename

命令

原文由 Lijin Durairaj 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 --watch 参数启动 tsc 命令（打字稿编译器）。

这是一个想法：

• 使用 tsconfig.json 文件配置打字稿
• 运行 tsc --watch ，所以每次你改变一个 .ts 文件， ./dist tsc 将编译它并产生输出（假设你配置打字稿把输出 --- 文件夹）
• 使用 nodemon 观察 ./dist 中的文件是否已更改以及是否需要重新启动服务器。

这里有一些脚本（放入 package.json ）可以帮助你做到这一点（你需要安装以下模块 npm install --save typescript nodemon npm-run-all rimraf ）

 "scripts": {
    "clean": "rimraf dist",
    "start": "npm-run-all clean --parallel watch:build watch:server --print-label",
    "watch:build": "tsc --watch",
    "watch:server": "nodemon './dist/index.js' --watch './dist'"
}

然后你只需要在终端中运行 npm start

原文由 ThomasThiebaud 发布，翻译遵循 CC BY-SA 3.0 许可协议