這期內(nèi)容當中小編將會給大家?guī)碛嘘P(guān)怎么在Typescript中利用nodemon實現(xiàn)項目熱更新，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

在雄縣等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都做網(wǎng)站、網(wǎng)站設計、外貿(mào)營銷網(wǎng)站建設 網(wǎng)站設計制作定制網(wǎng)站開發(fā),公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站建設,成都營銷網(wǎng)站建設,外貿(mào)營銷網(wǎng)站建設,雄縣網(wǎng)站建設費用合理。

nodemon+tsc:

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

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文件。

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

{
 "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
}

上述就是小編為大家分享的怎么在Typescript中利用nodemon實現(xiàn)項目熱更新了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站欄目：怎么在Typescript中利用nodemon實現(xiàn)項目熱更新
網(wǎng)站網(wǎng)址：http://jinyejixie.com/article48/podiep.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、微信小程序、微信公眾號、品牌網(wǎng)站建設、品牌網(wǎng)站制作、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)