.vscode: configure client debugging

.vscode/launch.json

@@ -2,9 +2,9 @@
   "version": "0.2.0",
   "configurations": [
     {
+      "name": "Launch development server",
       "type": "node",
       "request": "launch",
-      "name": "Launch server",
       "skipFiles": ["<node_internals>/**"],
       "env": {
         "NODE_ENV": "development",
@@ -14,6 +14,13 @@
       "runtimeArgs": ["--respawn", "--inspect", "--transpile-only"],
       "program": "server/bin/start.ts",
       "args": []
+    },
+    {
+      "name": "Launch development client",
+      "type": "chrome",
+      "request": "launch",
+      "url": "http://localhost:4200",
+      "webRoot": "${workspaceFolder}"
     }
   ]
 }

client/config/webpack.config.dev.js

@@ -163,8 +163,6 @@ module.exports = {
     filename: 'static/js/bundle.js',
     // There are also additional JS chunk files if you use code splitting.
     chunkFilename: 'static/js/[name].chunk.js',
-    // Point sourcemap entries to original disk location (format as URL on Windows)
-    devtoolModuleFilenameTemplate: (info) => path.resolve(info.absoluteResourcePath).replace(/\\/g, '/'),
   },
   plugins: [
     // Makes some environment variables available in index.html.
@@ -194,4 +192,5 @@ module.exports = {
     // See https://github.com/facebookincubator/create-react-app/issues/186
     new WatchMissingNodeModulesPlugin(paths.appNodeModules),
   ],
+  devtool: 'source-map',
 };