在Electron項(xiàng)目中，每次修改了代碼都需要手動(dòng)關(guān)閉應(yīng)用，再執(zhí)行npm start重啟應(yīng)用。

Nodemon 是一個(gè)非常實(shí)用的工具，主要用于在開發(fā) Node.js 應(yīng)用時(shí)自動(dòng)監(jiān)測(cè)文件的變化并重新啟動(dòng)服務(wù)器。

安裝nodemon

開發(fā)環(huán)境安裝nodemon：

npm i nodemon -D

檢查是否安裝成功：

nodemon -v

修改 package.json 命令：

"scripts": {
 "start": "nodemon --exec electron ."
},

--exec 參數(shù)告訴 nodemon 要執(zhí)行的命令。這里指定了 electron . 。

修改 main.js 后，應(yīng)用自動(dòng)重啟。

但是修改.html頁(yè)面，應(yīng)用沒(méi)有自動(dòng)刷新頁(yè)面。

配置nodemon

nodemon 有三種配置方式：命令參數(shù)、package.json 和 nodemon.json。

配置的優(yōu)先級(jí)：nodemon.json > package.json > 命令參數(shù)。

在根目錄創(chuàng)建 nodemon.json 文件并配置 nodemon.json 規(guī)則：

{
 "ignore": [
 	"node_modules",
 	"dist"
 ],
 "restartable": "r",
 "watch": ["*.*"],
 "ext": "html,js,css"
}

在 package.json 中配置

{
  "nodemonConfig": {
    "ignore": [
	 	"node_modules",
	 	"dist"
	 ],
	 "restartable": "r",
	 "watch": ["*.*"],
	 "ext": "html,js,css"
  },
}

通過(guò)命令行配置

使用 --watch 參數(shù)可以明確指定要監(jiān)視的文件或目錄：

nodemon --watch./src --watch./config main.js

這里指定了監(jiān)視 ./src 和 ./config 目錄下的文件變化。

使用 --ignore 參數(shù)可以忽略某些文件或目錄：

nodemon --ignore./node_modules --ignore./dist main.js

這將忽略 ./node_modules 和 ./dist 目錄下的文件變化。

一般來(lái)說(shuō)，如果想要使用 nodemon 來(lái)監(jiān)視和自動(dòng)重啟 Electron 項(xiàng)目，應(yīng)該確保命令中的文件參數(shù)是正確的項(xiàng)目入口文件，通常是 main.js。

nodemon配置項(xiàng)

• watch：監(jiān)視文件或文件夾的路徑。
  • ：當(dāng)這些路徑下的文件發(fā)生變化時(shí)，nodemon 會(huì)觸發(fā)相應(yīng)的操作（通常是重新啟動(dòng)應(yīng)用程序）。
  • 例如："watch": ["*.*"]
• ignore：忽略監(jiān)視的路徑。
  • 用于排除一些頻繁變動(dòng)但不應(yīng)該觸發(fā)應(yīng)用重新啟動(dòng)的文件或文件夾。
  • 例如："ignore": [ "node_modules", "dist" ]
• delay：設(shè)置延遲時(shí)間（以毫秒為單位）。
  • 當(dāng)文件發(fā)生變化后，nodemon 不會(huì)立即重新啟動(dòng)應(yīng)用程序，而是等待指定的延遲時(shí)間后，如果沒(méi)有更多的文件變化，才會(huì)觸發(fā)重新啟動(dòng)。
  • 例如："delay": 2000
• ext：指定默認(rèn)文件擴(kuò)展名。
  • 如果不指定這個(gè)選項(xiàng)，nodemon 會(huì)默認(rèn)監(jiān)視 .js 文件?？梢杂枚禾?hào)分隔多個(gè)擴(kuò)展名。
  • 例如："ext": "js,json,html"
• script：指定監(jiān)視的文件（一般是項(xiàng)目入口的 .js 文件）。
  • 當(dāng)這個(gè)文件發(fā)生變化時(shí)，nodemon 會(huì)觸發(fā)重新啟動(dòng)。
  • 例如："script": "main.js",
• exec：執(zhí)行的命令。
  • 當(dāng)監(jiān)視的文件發(fā)生變化時(shí)，nodemon 將執(zhí)行這個(gè)命令來(lái)重新啟動(dòng)應(yīng)用程序。
  • 例如： "start": "nodemon --exec electron ."
• restartable：配置重啟應(yīng)用的短命令。
  • 例如："restartable": "r"，可以在vs code 終端 輸入 r ，回車，重啟應(yīng)用。

到此這篇關(guān)于Electron 使用 Nodemon 配置自動(dòng)重啟的文章就介紹到這了,更多相關(guān)Electron 使用 Nodemon內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論