node.js - 生产构建后如何在 react 应用程序中使用 Node 模块?

标签 node.js reactjs webpack electron

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

最佳答案

我建议你使用Electron-React boilerplate为您的项目。因为这包含构建 Electron react 项目的所有基本配置。通过electron-react docs并设置一个初始的 Electron react 应用程序。

# 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

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

确保启用 nodeIntegration在您的 BrowserWindow 上,因此渲染器进程可以访问 Node 模块。
webPreferences: {
            nodeIntegration: true
}

关于node.js - 生产构建后如何在 react 应用程序中使用 Node 模块?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61213995/

相关文章:

javascript - 如何使用 Electrode.io 拥有多个 css 文件

node.js - 配置 Electron/Node 以在调试中运行并附加调试器

javascript - 如何在不阻塞事件循环的情况下定期运行任务?

javascript - 如何实现与数字输入绑定(bind)范围的 slider

javascript - 使用 React 将数据报告回父组件的过程是什么?

javascript - webpack 中的 css 配置不检测类样式但检测元素样式

webpack - 使用 webpack 进行 react 引导

javascript - 如果长度未知, Handlebars 返回具有特定索引的数组元素

javascript - node.js 解析页面并捕获外部前端 js 错误

javascript - 下次访问时恢复动态内容中的阅读位置