TypeScript保存代码时自动编译并运行

TypeScript保存代码时自动编译并运行

1. 在 package.json 中加入 watch 指令,达到监听 .ts 文件变化，自动重新编译。

 "scripts": {
    "watch": "tsc -w"
  },

2. 安装 nodemon 插件，起到监听js文件发生改变自动运行的效果。

npm install nodemon

3.在 package.json中添加指令并配置 nodemon 忽略文件

"scripts": {
    "watch": "tsc -w",
    "start": "nodemon node ./build/crowlloer.js"
  },
  "nodemonConfig": {
    "ignore": [
      "data/*"
    ]
  },

4.打开两个终端分别执行如下指令

npm run watch
npm run start

这样当你保存代码时,就会自动编译并运行了,是不是很方便呢?

PS:如果不想使用两个终端的话可以安装 concurrently,并如下配置

"scripts": {
    "dev:watch": "tsc -w",
    "dev:start": "nodemon node ./build/crowlloer.js",
    "dev": "concurrently npm:dev:*"
  },

然后 npm run dev 就能达到相同效果了。