electron开发笔记

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

小韦云科技-区块链+小程序+公众号+商城+分销+直播+企业官网+外贸电商-为您提供优质的开发服务-电话/微信联系:18123611282

下面两种方案都使用过,效果不错,主要是要配置的内容很少,省事。

方案一 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 进行刷新

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

关键词:

广告位招商