我們都知道nodemon可以直接用來在開發(fā)環(huán)境下運行js文件，可以在文件改變時自動刷新和重啟服務(wù)器。但是最近剛好在學(xué)typescript，所以就想使用ts來寫，也想達(dá)到同樣的效果，總結(jié)一下方法，大概有如下幾種：

nodemon+tsc:

這個方法很簡單，首先通過tsc將我們的ts文件編譯到dist目錄下，然后再通過nodemon直接運行dist目錄下的文件即可。至于ts的輸出目錄相關(guān)配置可在tsconfig.js中設(shè)置。

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

但是這種方式有個缺點，就是nodemon只監(jiān)聽了dist目錄，可能有時候你修改了源碼并不能觸發(fā)熱更新，另外還有個問題就是多了一個dist目錄中轉(zhuǎn)，感覺不爽。

nodemon+ts-node:

命令如下：

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

大概意思就是監(jiān)聽文件增加ts、tsx兩種文件類型，使用ts-node運行index.ts文件。

當(dāng)然，上述參數(shù)是設(shè)置在命令行中的，也可以在nodemon.json中設(shè)置：

{ "verbose": false, "debug": false, "exec": "ts-node ./index.ts", "ignore": [  "mochawesome-report",  "node_modules",  "./test",  "**/*.d.ts",  "*.test.ts",  "*.spec.ts",  "fixtures/*",  "test/**/*",  "docs/*" ], "events": {  "restart": "" }, "watch": ["./app", "./configs", "./app.ts"], "ext": "ts tsx", "inspect": true}

如果有使用到tsx文件，記得在tsconfig.json文件中將jsx取消注釋,否則編譯時可能會提示錯誤。

除了上述兩種方法，今天無意中試了下直接使用nodemon來執(zhí)行ts文件，發(fā)現(xiàn)控制臺報錯了，原諒我是個英語渣，不明白具體說了什么，但是看到了ts-node的身影，果斷安裝ts-node再試，竟然成功了。

nodemon ./index.ts

但是這樣修改了ts文件不會熱更新，可以在nodemon.json文件中將ext屬性添加上ts就可以了。

{ "restartable": "rs", "ignore": [".git", "node_modules/**", "client/*", "dist", ".cache", "logs"], "verbose": true, "execMap": {  "": "node",  "js": "node --harmony" }, "events": {  "start": "",  "crash": "",  "exit": "",  "restart": "" }, "ext": "js json ts tsx", "watch": ["./**"], "env": {  "NODE_ENV": "development",  "PORT": "3002" }, "legacy-watch": false}

當(dāng)然除了上述方式，還可以使用構(gòu)建工具來進行處理，如webpack，parcel等，當(dāng)然如果大家有其他好的建議，歡迎交流。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯新站長站。