angular - Webpack Externals 不需要用 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 等方面遇到了同样的问题。

我的webpack.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';

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