add debug capabilities in vscode

.vscode/launch.json

@@ -5,15 +5,20 @@
     "version": "0.2.0",
     "configurations": [
         {
-            "name": "Hosted workbench",
+            "type": "pwa-chrome",
-            "type": "msedge",
+            "request": "attach",
-            "request": "launch",
+            "name": "Debug Vite App (scelta-carriera)",
-            "url": "http://localhost:5173/",
+            "url": "http://localhost:5173",
-            "webRoot": "${workspaceRoot}",
+            "webRoot": "${workspaceFolder}/scelta-carriera",
-            "runtimeArgs": [
+            "preLaunchTask": "Start Vite App (scelta-carriera)",
-                "--remote-debugging-port=9222",
+            "skipFiles": [
-                "-incognito"
+                "<node_internals>/**",
-            ]
+                "**/node_modules/**",
+                "**/@vite/client/**"
+            ],
+            "sourceMapPathOverrides": {  
+                "webpack:///src/*": "${webRoot}/*"
+            }  
         }
     ]
-}
+}

.vscode/tasks.json

@@ -0,0 +1,29 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "Start Vite App (scelta-carriera)",
+            "type": "shell",
+            "command": "npm run dev",
+            "isBackground": true,
+            "options": {
+                "cwd": "${workspaceFolder}/scelta-carriera"
+            },
+            "problemMatcher": {
+                "pattern": [
+                    {
+                        "regexp": ".*",
+                        "file": 1,
+                        "location": 2,
+                        "message": 3
+                    }
+                ],
+                "background": {
+                    "activeOnStart": true,
+                    "beginsPattern": "vite",
+                    "endsPattern": "ready in"
+                }
+            }
+        }
+    ]
+}

scelta-carriera/vite.config.js

@@ -4,4 +4,11 @@ import react from '@vitejs/plugin-react'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  build: {
+    outDir: 'dist',
+    rollupOptions: {
+      input: 'src/main.jsx',
+    },
+    sourcemap: true,
+  },
 })