Does this boilerplate support debugging with something like VS Code?

[mikedevita]

I am trying to get breakpoints working in VS Code with this boilerplate, does anyone have a working configuration example or will the CRA (create-react-app) method work for this?

[mikedevita]

Looks like with adding launch.json to my .vscode folder with the following contents and adding breakpoints seems to work.

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceRoot}/src",
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}

I then run npm start and then start debugging in vscode, add all the breakpoints I need and it works... Can anyone else see any other suggestions for improvements, or maybe provide how you are doing debugging/breakpoints with this boilerplate?

[nickytonline]

Mike, you can have a launch configuration like you have and you can also just add a config to attach to Chrome. To do this though, Chrome has to be running with remote Debugging enabled. If you want to spruce up the FAQ section for Debugging in VS Code, PRS are always welcome. 😉

[mikedevita]

@nickytonline PR submitted 😄.