将 node require 与 Electron 和 Webpack 一起使用答案

【问题标题】：Using node require with Electron and Webpack将 node require 与 Electron 和 Webpack 一起使用
【发布时间】：2016-09-17 07:35:24
【问题描述】：

我正在使用 Electron 构建一个项目，并使用 Webpack 构建（Angular 2）渲染过程应用程序。

在这个应用程序中，我需要在运行时动态地require 一些在构建时不存在的文件。代码如下所示：

require("fs").readdirSync(this.path).forEach(file => {
  let myModule = require(path.join(this.path, file));
  // do stuff with myModule
});

问题在于 Webpack 编译器会将 require() 调用转换为自己的 __webpack_require__() 并且在运行时，它会在自己的内部模块注册表中查找动态“myModule”文件，当然会没找到。

我尝试使用“externals”配置选项，但由于这是一个动态要求，它似乎没有被“externals”处理。

还有其他人成功解决了这个问题吗？

【问题讨论】：

【解决方案1】：

正如@jantimon 对我的问题的评论中所建议的那样，解决方案是使用global.require：

require("fs").readdirSync(this.path).forEach(file => {
  let myModule = global.require(path.join(this.path, file));
  // do stuff with myModule
});

【讨论】：

【解决方案2】：

我遇到了this 文章，由于某些其他原因，作者需要不被 webpack 转译的节点模块。他建议使用

new webpack.IgnorePlugin(new RegExp("^(fs|ipc)$"))

在 webpack.config.js 文件中。这应该可以防止转换模块 fs 和 ipc 以便可以在代码中使用（必需）。

我不确定这是否也会影响您的问题，但它可能会有所帮助。

【讨论】：