chore(debug): add vscode debug launch setting (#9725)

This PR allows vscode to add breakpoints to the editor's code.

.vscode/launch.template.json

@@ -7,7 +7,11 @@
       "request": "launch",
       "runtimeExecutable": "yarn",
       "cwd": "${workspaceFolder}",
-      "runtimeArgs": ["affine", "@affine/server", "dev"]
+      "runtimeArgs": [
+        "affine",
+        "@affine/server",
+        "dev"
+      ]
     },
     {
       "name": "Lanuch AFFiNE Web",
@@ -15,7 +19,20 @@
       "request": "launch",
       "runtimeExecutable": "yarn",
       "cwd": "${workspaceFolder}",
-      "runtimeArgs": ["affine", "@affine/web", "dev"]
+      "runtimeArgs": [
+        "affine",
+        "@affine/web",
+        "dev"
+      ]
+    },
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Debug AFFiNE Web",
+      "url": "http://localhost:8080",
+      "sourceMapPathOverrides": {
+        "webpack://affine/blocksuite/*": "${workspaceFolder}/blocksuite/*"
+      }
     }
   ]
-}
+}

tools/cli/src/webpack/index.ts

@@ -113,9 +113,7 @@ export function createWebpackConfig(
     mode: flags.mode,
 
     devtool:
-      flags.mode === 'production'
-        ? 'source-map'
-        : 'eval-cheap-module-source-map',
+      flags.mode === 'production' ? 'source-map' : 'cheap-module-source-map',
 
     resolve: {
       symlinks: true,