Webpack 外部不需要用 Electron 和 Angular 4 定义

Question

我有一个Webpack，Electron和Angular 4的设置。我搜索并尝试了几种方法，但是由于我无法解决它，我将在这里问。

当我运行 webpack 时，它可以编译而没有错误，但是在浏览器的控制台中我得到

Uncaught ReferenceError: require is not defined
at Object.128 (external "require('fs')":1)

我试图以几种方式包含它：

let fs = require("fs");

我在路径、child_process等方面遇到了同样的问题。

Mywebpack.config.js定义了外部：

module.exports = {
"externals": {
"electron": "require('electron')",
"child_process": "require('child_process')",
"fs": "require('fs')",
"path": "require('path')",...
}
}

Answer 1

更新

解决了。由于所有 Node 函数都已经通过 Webpack 外部提供，因此不必要求它们，而是通过像这样的导入来使用它们：

import * as fs from 'fs';

您可以在我的文章中阅读有关解决方案的更多信息。