当TypeScript文件改变时，如何观察和重新加载ts-node

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

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

当前回答

这里有一个替代HeberLZ的答案，使用npm脚本。

我的package.json:

  "scripts": {
    "watch": "nodemon -e ts -w ./src -x npm run watch:serve",
    "watch:serve": "ts-node --inspect src/index.ts"
  },

-e标志设置要查找的扩展， -w设置监视目录， -x执行脚本。

watch:serve脚本中的——inspect实际上是一个node.js标志，它只是打开调试协议。

其他回答

nodemon和ts-node:

nodemon --watch source --ext ts,json --exec "node --loader ts-node/esm ./source/index.ts"

这对我来说很管用:

nodemon src/index.ts

显然，由于这个拉请求:https://github.com/remy/nodemon/pull/1552

这里有一个替代HeberLZ的答案，使用npm脚本。

我的package.json:

  "scripts": {
    "watch": "nodemon -e ts -w ./src -x npm run watch:serve",
    "watch:serve": "ts-node --inspect src/index.ts"
  },

-e标志设置要查找的扩展， -w设置监视目录， -x执行脚本。

watch:serve脚本中的——inspect实际上是一个node.js标志，它只是打开调试协议。

我已经抛弃了nodemon和ts-node，取而代之的是一个更好的选择，ts-node-dev https://github.com/whitecolor/ts-node-dev

只需运行ts-node-dev src/index.ts

(编辑) 自从我写了这个答案，nodemon已经改进了很多，现在所需的配置更轻了，性能也更好了。我目前使用这两种方法(显然是在不同的项目中)，并且都很满意。

添加"watch": "nodemon——exec ts-node——./src/index. "到你的package.json的脚本部分。

推荐文章