fix: vscode debugging (electron-react-boilerplate#428) (electron-react-boilerplate#3169)

Author: nedsociety

.erb/configs/webpack.config.renderer.dev.ts

@@ -172,7 +172,13 @@ const configuration: webpack.Configuration = {
         .on('error', (spawnError) => console.error(spawnError));
 
       console.log('Starting Main Process...');
-      spawn('npm', ['run', 'start:main'], {
+      let args = ['run', 'start:main'];
+      if (process.env.MAIN_ARGS) {
+        args = args.concat(
+          ['--', ...process.env.MAIN_ARGS.matchAll(/"[^"]+"|[^\s"]+/g)].flat()
+        );
+      }
+      spawn('npm', args, {
         shell: true,
         stdio: 'inherit',
       })

.vscode/launch.json

@@ -7,10 +7,10 @@
       "request": "launch",
       "protocol": "inspector",
       "runtimeExecutable": "npm",
-      "runtimeArgs": [
-        "run start:main --inspect=5858 --remote-debugging-port=9223"
-      ],
-      "preLaunchTask": "Start Webpack Dev"
+      "runtimeArgs": ["run", "start"],
+      "env": {
+        "MAIN_ARGS": "--inspect=5858 --remote-debugging-port=9223"
+      }
     },
     {
       "name": "Electron: Renderer",