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

Nodemon 是一個非常實用的工具，主要用于在開發(fā) Node.js 應(yīng)用時自動監(jiān)測文件的變化并重新啟動服務(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)用自動重啟。

但是修改.html頁面，應(yīng)用沒有自動刷新頁面。

配置nodemon

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

配置的優(yōu)先級：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"
  },
}

通過命令行配置

使用 --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 目錄下的文件變化。

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

nodemon配置項

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

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

最新評論