方案一
npm install electron-reloader --save-dev
- 在主进程js文件(main.js/index.js)加入如下代码:
try {
require('electron-reloader')(module);
} catch (_) { }
- 重启测试,更改js css html等文件都能自动加载更新electron
方案二
- 安装nodemon
npm install --save-dev nodemon
- 在package.json文件中,更改运行项目的命令如下:
electron .前的意思是监听 main.js 文件
"scripts": {
"start": "nodemon --watch main.js --exec electron ."
},
- 重启测试
注意:这里监听的是main.js文件,所以更改了其他文件之后,还需要再重新保存(ctrl+s)main.js文件,并且html页面刷新需要在electron应用页面 ctrl+r 或 点击菜单-view-reload 进行刷新
方案三
- 使用gulp、webpack等工具进行热加载
例如此文:Electron入门——配置热更新,编辑代码实时自动刷新
总结
根据对比测试,方案一最方便&简单
版权声明:本文为qq_43319749原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。