如何用nodemon实现Typescript项目热更新示例?

更新于
2026-09-28 11:23:11
0阅读来源:SEO教程
  • 内容介绍
  • 相关推荐

本文共计613个文字,预计阅读时间需要3分钟。

如何用nodemon实现Typescript项目热更新示例?

nodemon 是一款在开发环境下运行 JavaScript 文件的工具,它能在文件变化时自动刷新和重启服务器。虽然最近开始学习 TypeScript,但想用 TypeScript 来编写,并达到相同的效果。总结一下方法:

我们都知道nodemon可以直接用来在开发环境下运行js文件,可以在文件改变时自动刷新和重启服务器。但是最近刚好在学typescript,所以就想使用ts来写,也想达到同样的效果,总结一下方法,大概有如下几种:

nodemon+tsc:

这个方法很简单,首先通过tsc将我们的ts文件编译到dist目录下,然后再通过nodemon直接运行dist目录下的文件即可。至于ts的输出目录相关配置可在tsconfig.js中设置。

tsc && nodemon --watch dist/index.js

但是这种方式有个缺点,就是nodemon只监听了dist目录,可能有时候你修改了源码并不能触发热更新,另外还有个问题就是多了一个dist目录中转,感觉不爽。

nodemon+ts-node:

命令如下:

nodemon -e ts,tsx --exec ts-node ./index.ts"

大概意思就是监听文件增加ts、tsx两种文件类型,使用ts-node运行index.ts文件。

阅读全文

本文共计613个文字,预计阅读时间需要3分钟。

如何用nodemon实现Typescript项目热更新示例?

nodemon 是一款在开发环境下运行 JavaScript 文件的工具,它能在文件变化时自动刷新和重启服务器。虽然最近开始学习 TypeScript,但想用 TypeScript 来编写,并达到相同的效果。总结一下方法:

我们都知道nodemon可以直接用来在开发环境下运行js文件,可以在文件改变时自动刷新和重启服务器。但是最近刚好在学typescript,所以就想使用ts来写,也想达到同样的效果,总结一下方法,大概有如下几种:

nodemon+tsc:

这个方法很简单,首先通过tsc将我们的ts文件编译到dist目录下,然后再通过nodemon直接运行dist目录下的文件即可。至于ts的输出目录相关配置可在tsconfig.js中设置。

tsc && nodemon --watch dist/index.js

但是这种方式有个缺点,就是nodemon只监听了dist目录,可能有时候你修改了源码并不能触发热更新,另外还有个问题就是多了一个dist目录中转,感觉不爽。

nodemon+ts-node:

命令如下:

nodemon -e ts,tsx --exec ts-node ./index.ts"

大概意思就是监听文件增加ts、tsx两种文件类型,使用ts-node运行index.ts文件。

阅读全文