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

您可以在我的文章中閱讀有關該解決方案的更多信息。