How to remotely debug your React Application + Webpack from VSCode
- Set up your
.vscode/launch.json
file 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
npm start
. - 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 Canary
task.