热加载能够在每次保存修改的代码后自动刷新 electron 应用界面,而不必每次去手动操作重新运行,这极大的提升了开发效率。
安装 electron 热加载插件
热加载虽然很方便,但是不是每个 electron 项目必须的,所以想要舒服的开发 electron 就只能给 electron 项目单独的安装热加载插件[electron-reloader]:
// 在项目的根目录下安装 electron-reloader,国内建议使用 cnpm 代替 npm
npm install electron-reloader --save-dev
导入热加载插件
打开项目下的 package.json 文件,找到里面配置的入口文件。
如图我这里配置的是 main.js 文件:
打开入口文件,导入热加载插件:
// 在入口文件对的顶部配置热加载
// 热加载
try {
require('electron-reloader')(module, {});
} catch (_) { }
然后保存并重新手动运行项目,热加载就能生效了。修改了代码后直接保存就能触发热加载自动更新运行项目,再也不需要反复手动运行项目了。