show webpack errors in console

reZach · Feb 18, 2021 · 21f5238 · 21f5238
1 parent 5a1710e
commit 21f5238
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 2 deletions.
diff --git a/dev-scripts/launchDevServer.js b/dev-scripts/launchDevServer.js
@@ -3,6 +3,7 @@ const {
   exec
 } = require("child_process");
 const logFilePath = "./dev-scripts/webpack-dev-server.log";
+const errorLogFilePath = "./dev-scripts/webpack-dev-server-error.log";
 const interval = 100;
 
 // Poll webpack-dev-server.log until the webpack bundle has compiled successfully
@@ -22,6 +23,24 @@ const intervalId = setInterval(function () {
 
         // Start our electron app
         exec("cross-env NODE_ENV=development electron .");
+      } else if (log.indexOf("Failed to compile.") >= 0){
+
+        if (fs.existsSync(errorLogFilePath)){
+          const errorLog = fs.readFileSync(errorLogFilePath, {
+            encoding: "utf8"
+          });
+
+          console.log(errorLog);
+          console.log(`Webpack failed to compile; this error has also been logged to '${errorLogFilePath}'.`);
+          clearInterval(intervalId);
+
+          return process.exit(1);
+        } else {
+          console.log("Webpack failed to compile, but the error is unknown.")
+          clearInterval(intervalId);
+
+          return process.exit(1);
+        }        
       }
     }
   } catch (error) {

diff --git a/dev-scripts/prepareDevServer.js b/dev-scripts/prepareDevServer.js
@@ -3,6 +3,7 @@ const {
   exec
 } = require("child_process");
 const logFilePath = "./dev-scripts/webpack-dev-server.log";
+const errorLogFilePath = "./dev-scripts/webpack-dev-server-error.log";
 
 console.log("Preparing webpack development server.");
 
@@ -13,5 +14,12 @@ try {
   // Existing webpack-dev-server log file may not exist
 }
 
+// Delete the old webpack-dev-server-error.log if it is present
+try {
+  fs.unlinkSync(errorLogFilePath);
+} catch (error) {
+  // Existing webpack-dev-server-error log file may not exist
+}
+
 // Start the webpack development server
 exec("npm run dev-server");
diff --git a/package.json b/package.json
@@ -1,14 +1,14 @@
 {
   "name": "secure-electron-template",
-  "version": "9.4.1",
+  "version": "9.4.2",
   "description": "The best way to build Electron apps with security in mind.",
   "private": true,
   "main": "app/electron/main.js",
   "scripts": {
     "postinstall": "electron-builder install-app-deps",
     "audit-app": "npx electronegativity -i ./ -x LimitNavigationGlobalCheck,PermissionRequestHandlerGlobalCheck",
     "translate": "node ./app/localization/translateMissing.js",
-    "dev-server": "cross-env NODE_ENV=development webpack serve --config ./webpack.development.js > dev-scripts/webpack-dev-server.log",
+    "dev-server": "cross-env NODE_ENV=development webpack serve --config ./webpack.development.js > dev-scripts/webpack-dev-server.log 2> dev-scripts/webpack-dev-server-error.log",
     "dev": "concurrently --success first \"node dev-scripts/prepareDevServer.js\" \"node dev-scripts/launchDevServer.js\" -k",
     "prod-build": "cross-env NODE_ENV=production npx webpack --mode=production --config ./webpack.production.js",
     "prod": "npm run prod-build && electron .",