【electron】electron热更新/热加载

方案一

  1. 安装electron-reloader
npm install electron-reloader --save-dev
  1. 在主进程js文件(main.js/index.js)加入如下代码:
try {
        require('electron-reloader')(module);
} catch (_) { }
  1. 重启测试,更改js css html等文件都能自动加载更新electron

方案二

  1. 安装nodemon
npm install --save-dev nodemon
  1. 在package.json文件中,更改运行项目的命令如下:electron . 前的意思是监听 main.js 文件
"scripts": {
    "start": "nodemon --watch main.js --exec electron ."
  },
  1. 重启测试
    注意:这里监听的是main.js文件,所以更改了其他文件之后,还需要再重新保存(ctrl+s)main.js文件,并且html页面刷新需要在electron应用页面 ctrl+r 或 点击菜单-view-reload 进行刷新

方案三

  • 使用gulp、webpack等工具进行热加载

例如此文:Electron入门——配置热更新,编辑代码实时自动刷新

总结

根据对比测试,方案一最方便&简单


版权声明:本文为qq_43319749原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。