开发时同步电子应用中的代码更改

Question

当代码更改类似于web的浏览器同步时,是否有任何工具可以重新加载电子应用程序？

每当我们更改电子应用程序的代码时,我都会终止现有的运行过程并重新启动 电子. 它们是在代码更改时自动重新加载电子应用程序的工具.

Answer 1

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

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

它会工作得很好.但同样,我认为,从列表中选择适合您的权利.

Answer 2

我发现的最好的工具（也是最简单的）是电子装填：

// 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();
});

Answer 3

如果直接使用命令“ electro . ”，

"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