配置electronic-webpack渲染器以使用nodeIntegration:false

Question

我正在尝试配置electron-webpack的渲染器构建设置,以便它们在nodeIntegration设置为false 的浏览器窗口中工作.这意味着节点API不可用,这会导致以下问题:

• webpack似乎假设有一个require已经可用的实现,因此不包括它自己在生成的bundle中,而只是简单地添加捆绑的定义module.exports(导致module加载bundle时未定义的错误)

• html-webpack-plugin正在用于生成index.html文件,并<script>require("source-map-support/source-map-support.js").install()</script>在加载包之前添加到输出.此行需要在捆绑加载行之后移动,但看不到任何方法.

我尝试在我的设置中设置以下内容package.json:

"electronWebpack": {
  "renderer": {
    "webpackConfig": "renderer.additions.webpack.js"
  }
}

包含以下renderer.additions.webpack.js文件:

module.exports = {
    target: 'web',              // node integration is turned off, so use standard web settings.
    externals: ['electron']     // do not rely on ability to load code externally: only specifically known-preloaded modules are to be excluded from the package
}

但这似乎没有改变任何东西.有任何建议如何使这项工作？

Answer 1

如果我理解正确的话，Electron-webpack是一个用于将 Electron 应用程序与 Webpack 连接的模板。该项目似乎处于维护模式，目前不活跃。

我创建了一个 Electron 和 Webpack 模板（尽管目前最新版本的 Electron 框架有几个版本已经过时），但它仍然可以工作并且可以用作起点。设置此连接涉及很多文件，在这个 stackoverflow 答案中会有所帮助，所以我将向您指出 repo: secure-electron-template。