Reactjs Electron：将JS文件而不是HTML文件加载到浏览器窗口中

我正在尝试将现有的redux应用程序集成到ElectronJS中

样板模板在

main.js

mainWindow.maximize（）
//并加载应用程序的index.html。
mainWindow.loadFile（'index.html'）

---

我想将

index.html

更改为我的React应用程序的

index.js

文件。

在Electron中，您仍然可以调用

mainWindow.loadFile（'index.html'）

即使您正在为应用程序的视图编写React代码，所有React应用程序仍需要在某个时间点调用，以将应用程序附加到某个HTML文件的DOM

假设您的

index.js

文件是调用

ReactDOM.render（）

的文件，那么您需要做的与普通React web应用程序没有太大区别

//main.js
// ...
mainWindow.loadFile（'index.html'）
// ...

//index.js
// ...
常量应用=
render（app，document.getElementById（'root'）；
// ...

在Electron中，您仍然可以调用

mainWindow.loadFile（'index.html'）

即使您正在为应用程序的视图编写React代码，所有React应用程序仍需要在某个时间点调用，以将应用程序附加到某个HTML文件的DOM

假设您的

index.js

文件是调用

ReactDOM.render（）

的文件，那么您需要做的与普通React web应用程序没有太大区别

//main.js
// ...
mainWindow.loadFile（'index.html'）
// ...

//index.js
// ...
常量应用=
render（app，document.getElementById（'root'）；
// ...