fix/Polyfill Node.js core modules in Webpack (5+)

2021-11-15 13:18:04 +01:00
parent e07410ba4a
commit e3c0d9f571
8 changed files with 1052 additions and 199 deletions
--- a/angular.webpack.js
+++ b/angular.webpack.js
@@ -1,24 +1,32 @@
-/**
- * Custom angular webpack configuration
- */
-
-module.exports = (config, options) => {
-    config.target = 'electron-renderer';
-
-
-    if (options.fileReplacements) {
-        for(let fileReplacement of options.fileReplacements) {
-            if (fileReplacement.replace !== 'src/environments/environment.ts') {
-                continue;
-            }
-
-            let fileReplacementParts = fileReplacement['with'].split('.');
-            if (fileReplacementParts.length > 1 && ['web'].indexOf(fileReplacementParts[1]) >= 0) {
-                config.target = 'web';
-            }
-            break;
-        }
-    }
-
-    return config;
-}
+//Polyfill Node.js core modules in Webpack. This module is only needed for webpack 5+.
+const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
+
+/**
+ * Custom angular webpack configuration
+ */
+module.exports = (config, options) => {
+    config.target = 'electron-renderer';
+
+    if (options.fileReplacements) {
+        for(let fileReplacement of options.fileReplacements) {
+            if (fileReplacement.replace !== 'src/environments/environment.ts') {
+                continue;
+            }
+
+            let fileReplacementParts = fileReplacement['with'].split('.');
+            if (fileReplacementParts.length > 1 && ['web'].indexOf(fileReplacementParts[1]) >= 0) {
+                config.target = 'web';
+            }
+            break;
+        }
+    }
+
+    config.plugins = [
+        ...config.plugins,
+        new NodePolyfillPlugin({
+			excludeAliases: ["console"]
+		})
+    ];
+
+    return config;
+}