生产构建后如何在反应应用程序中使用节点模块？

Question

我有一个在 Electron.js 中创建的项目。 它使用简单的 HTML 文件。 但是现在我想把这个应用程序转换成一个 React 应用程序。 在直接使用 HTML 文件时，我可以使用像electron这样的节点模块，需要主app.js文件和所有文件。 使用 webpack 构建项目后，React 应用程序将转换为 static 文件。 那么构建后如何访问节点模块呢？

Answer 1

我建议你为你的项目使用Electron-React 样板。 因为这包含构建电子反应项目的所有基本配置。 Go 通过电子反应文档并设置初始电子反应应用程序。

 # First, clone the repo via git: git clone --depth=1 https://github.com/electron-react-boilerplate/electron-react-boilerplate.git your-project-name cd your-project-name # And then install dependencies with yarn: yarn

package.json的dependencies中列出的所有模块将在生产阶段捆绑。 因此也可以在构建阶段访问相关模块。 您可以使用 html 文件创建组件。

确保在BrowserWindow上启用nodeIntegration ，以便渲染器进程可以访问节点模块。

webPreferences: {
            nodeIntegration: true
}

Answer 2

你可以使用 electron-jsx package 来工作（我是包的作者），简单易行

只有你需要在 index.html 文件中：

<script>
require("electron-jsx")(__dirname, {
    reactDir: "./react-sources",
})
</script>
<script react-src="./react-sources/index.jsx">

而且您可以使用 react normal（没有 webpack），此外，您可以使用 ES6 导入调用任何节点 package 进行反应

package 的更多信息和文档：

https://www.npmjs.com/package/electron-jsx

https://github.com/mdjfs/electron-jsx

PD：您还需要将 nodeIntegration 设置为 true