TypeScript保存代碼時自動編譯并運行

在 package.json 中加入 watch 指令,達到監聽 .ts 文件變化，自動重新編譯。

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

安裝 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 就能達到相同效果了。

總結

以上是生活随笔為你收集整理的TypeScript保存代码时自动编译并运行的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。