How to remotely debug your React Application + Webpack from VSCode
- Set up your
.vscode/launch.jsonfile with the code given above. Note that the code is approximate - your project's might differ.
- Run your development server - in my case, with Webpack Dev Server, via a npm script such as
- Set a breakpoint in your main JS/JSX module.
- Switch to the Run & Debug in VSCode - usually second option of the VS Code left side bar.
- Run the
Debug in Chrome Canarytask.