nodemon监听ts代码变化并自动重启

1,880 阅读1分钟

使用场景

在使用 node 运行 koa 或者其他框架编写的服务端代码时,项目中使用了 typescript ,改动代码之后不断的tsc && node ./dist/index.js 会非常消耗时间,需要一个工具监听ts代码编码并自动重新运行。原始写法如下, 不嫌麻烦就可以改动代码之后 yarn start。

"scripts": {
    "start": "tsc && node ./dist/index.js"
}    

依赖

  1. ts-loader
  2. nodemon 执行如下两条命令
yarn add ts-loader -D
yarn add nodemon -D

添加命令

"scripts": {
  "start": "nodemon --watch src --ext [ts,json,js] --exec nodemon ./src/index.ts",
},

--watch 后面参数表示监听目录,根据自己项目目录情况来
--ext 后面参数表示需要监听的文件
--exec 就是监听文件变化后执行的命令了

运行 yarn start

image.png 现在更改代码即可自动更新

补充一下

简单点安装依赖后如下配置也可,添加 nodemon.json 文件在项目根目录下

{
  "verbose": true,
  "watch": ["src/**/*"]
}

配置 package.json 脚本命令

"scripts": {
  "start": "nodemon ./src/index.ts"
}

这样就可以监听src目录了