Debugging via VS Code debugger

[alexmurari]

Hey, @DanWahlin and @johnpapa!

I'm watching your course and really liking it!

My laptop screen ain't that big, and debugging via the browser dev tools is painful.

Is there a way to configure VS Code launch.json to start the webpack server and launch the browser with the debugger attached?

I've been trying to modify the webpack.config.js and launch.json with different settings, but it's not playing nice.

Thanks, guys.

[DanWahlin]

There should be a way to do that although I haven't personally tried for this particular scenario. I don't normally work with webpack and TypeScript directly (I'm always using TypeScript with with React, Angular, Node, etc.) and I typically use the Chrome or Edge DevTools. My go to for looking up examples is the VS Code recipes repo but they don't have something specific to this webpack scenario:

https://github.com/Microsoft/vscode-recipes

I played around quickly with calling an npm script (which you can do through a "command" in launch.json) but it would take some playing around with to get right it looks like since a build would need to occur to get the bundles on the hard-drive and then the webpack serve would need to run against those bundles. I (unfortunately) don't have a solution off the top of my head right now that I can point you to.