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");

我在path，child_process等方面也遇到了同样的问题。

我的webpack.config.js定义了外部组件：

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

Answer 1

更新

解决了。 由于已经通过Webpack外部提供了所有Node功能，因此不必强制要求它们，而是通过如下所示的导入来使用它们 ：

import * as fs from 'fs';

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