Webpack Externals不需要使用Electron和Angular 4定义

时间:2017-07-08 10:32:39

标签: angular webpack electron externals

我设置了 Webpack 电子 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')",...
    }
}

1 个答案:

答案 0 :(得分:1)

<强>更新

解决了。由于所有Node函数都已通过Webpack外部提供,因此不需要它们,但通过导入使用它们,如下所示:

import * as fs from 'fs';

您可以阅读有关解决方案in my article的更多信息。