typescript - 如何在 TypeScript 文件更改时监视和重新加载 ts-node

Question

我正在尝试使用 TypeScript 和 Angular 应用程序运行一个开发服务器，而不是每次都转译 ts 文件。

我发现我可以使用ts-node 运行.ts 文件，但我还想观看.ts 文件并重新加载我的应用程序/服务器。这方面的一个例子是命令 gulp watch。

Answer 1

您现在可以简单地 npm install --save-dev ts-node nodemon 然后使用 .ts 文件运行 nodemon 并且它将正常工作:

nodemon app.ts

---

以前的版本:

在我注意到 nodemon 的 API 允许我们更改其默认行为以执行自定义命令之前，我一直在为我的开发环境做同样的事情。

例如，对于最新版本的nodemon:

nodemon --watch "src/**" --ext "ts,json" --ignore "src/**/*.spec.ts" --exec "ts-node src/index.ts"

或者创建一个包含以下内容的nodemon.json文件:

{
  "watch": ["src"],
  "ext": "ts,json",
  "ignore": ["src/**/*.spec.ts"],
  "exec": "ts-node ./src/index.ts"      // or "npx ts-node src/index.ts"
}

然后不带参数运行 nodemon。

通过这样做，您将能够实时重新加载 ts-node 进程，而不必担心底层实现。

---

还有更旧版本的 nodemon:

nodemon --watch 'src/**/*.ts' --ignore 'src/**/*.spec.ts' --exec 'ts-node' src/index.ts

或者甚至更好:将 nodemon 的配置外部化到具有以下内容的 nodemon.json 文件，然后按照 Sandokan 的建议运行 nodemon:

{
  "watch": ["src/**/*.ts"],
  "ignore": ["src/**/*.spec.ts"],
  "exec": "ts-node ./index.ts"
}