快捷導(dǎo)航

Electron 使用 Nodemon 配置自動重啟的方法

更新時間：2024年09月29日 10:20:07 作者：fishmemory7sec

在Electron開發(fā)過程中,每次代碼修改后需手動重新啟動應(yīng)用,這一過程可以通過引入Nodemon工具自動化,Nodemon能夠監(jiān)測文件變化并自動重啟服務(wù)器,本文給大家介紹Electron 使用 Nodemon 配置自動重啟,感興趣的朋友一起看看吧

安裝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)用。