如何用nodemon实现Typescript项目热更新示例?
- 内容介绍
- 相关推荐
本文共计613个文字,预计阅读时间需要3分钟。
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 是一款在开发环境下运行 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文件。

