electron 在开发时同步电子应用程序中的代码更改

xytpbqjk  于 9个月前  发布在  Electron
关注(0)|答案(4)|浏览(102)

有没有什么工具可以在代码更改时实时重新加载电子应用程序,类似于Web的浏览器同步?
每当我们改变电子应用程序的代码,我终止现有的运行过程,并重新启动与 * 电子。* 他们是任何工具,自动重新加载电子应用程序时,代码被更改。

fv2wmkja

fv2wmkja1#

在这种情况下,你应该看看NodeJS进程管理的开发工具。我个人最喜欢的是nodemon,因为你可以使用配置文件或传递这样的东西:

nodemon --watch . --exec "electron ."

而且它会工作得很好。但是,这是我的意见,从列表中选择适合你的。

8ljdwjyq

8ljdwjyq2#

我发现的最好的(也是最简单的)工具是electron-reload

// main.js
const electron = require('electron');
const { app, BrowserWindow } = electron;
const path = require('path');

// the first argument can be: a file, directory or glob pattern
require('electron-reload')(__dirname + '/app/index.html', {
  electron: path.join(__dirname, 'node_modules', '.bin', 'electron')
});

let mainWindow;

app.on('ready', () => {
  mainWindow = new BrowserWindow({
    // ...
  });
  mainWindow.setMenu(null);

  mainWindow.loadURL(`file://${__dirname}/app/index.html`);
  process.env.NODE_ENV !== 'production' && mainWindow.openDevTools();
});
8gsdolmq

8gsdolmq3#

如果直接使用命令“electron .",

"nodemon": "nodemon --exec electron ."

那么它会给予你一个错误

'electron' is not recognized as an internal or external command,
 operable program or batch file.

所以直接用它

"start": "electron .",
"start:nodemon": "nodemon --watch main.js --exec npm start",

并重新启动应用

npm run start:nodemon
fjaof16o

fjaof16o4#

答案有点晚,但希望对大家有帮助。
有一个叫做Electromon的npm模块。

npm i -g electromon [install]

用法是electron.\main.js [将main.js的名称更改为app.js之类的文件。]

相关问题