Electron热更新和打开调试模式

xiaohai 2021-05-12 17:17:14 6855人围观 标签: Electron 
简介如果没有热更新,那么每次修改代码后都需要去重新运行一遍项目,这样显得非常麻烦,本文主要介绍如何使用功能electron-reloader。
一、热更新

为了开发有足够高的效率,热更新肯定是少不了的,那么下面我们将介绍下如何使用electron-reloader.

1、electron-reloader安装
npm install --save-dev electron-reloader
2、修改主进程文件(main.js),添加如下代码
// 热加载
try {
  require('electron-reloader')(module,{});
} catch (_) {}

重新运行下项目,就可以修改页面后自动更新界面了。

二、调试模式

在主进程中ready中新增如下代码就可以打开调试模式了

mainWindow.webContents.openDevTools()