方案一 electron-reloader （推荐）

官网：https://www.npmjs.com/package/electron-reloader

安装：npm install electron-reloader --save-dev

然后在主进程main.js文件增加

try {
        require('electron-reloader')(module);
} catch (_) { }

增加的位置如下：

#main.js文件修改
const {app, BrowserWindow } = require('electron')

//热加载 以下为增加部分
try {
  require('electron-reloader')(module,{});
} catch (_) {}
//以上为增加部分

function createWindow () {   
...

修改完成后，使用electron的启动命令npm start重新启动项目。然后当我们修改项目文件，就可以直接在项目窗口看到变化，而不用每次重新启动窗口。

方案二 nodemon

安装：npm install --save-dev nodemon

在package.json文件中，更改运行项目的命令如下：electron . 前的意思是监听 main.js 文件

修改start命令

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

重启测试。注意：这里监听的是main.js文件，所以更改了其他文件之后，还需要再重新保存（ctrl+s）main.js文件，并且html页面刷新需要在electron应用页面 ctrl+r 或点击菜单-view-reload 进行刷新

本文由小韦云原创，转载请注明出处：https://www.bctos.cn/doc/21/1974，否则追究其法律责任

关键词：

广告位招商

electron开发笔记

electron 开发过程中自动更新界面

方案一 electron-reloader （推荐）

方案二 nodemon