angular - 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';

您可以在解决方案 in my article上阅读更多内容。