debugging about phaser-ce-npm-webpack-typescript-starter-project HOT 8 CLOSED

By compiled TypeScript I mean the JS that gets generated. I only got it to show where the issue was in the JS that's generated, not the original TS. I'll merge your update in and see if that satisfies those that need it. Thanks.

from phaser-ce-npm-webpack-typescript-starter-project.

@kolombet
This project doesn't have source map support now.
@rroylance Hope to add it!

from phaser-ce-npm-webpack-typescript-starter-project.

I'm looking into getting sourcemaps and possibly breakpoints working. Hopefully soon! Thanks.

from phaser-ce-npm-webpack-typescript-starter-project.

@kolombet @Majirefy I've been able to get it to source map to the individual files, however it maps to the compiled typescript, not the typescript itself... any idea how to get it to map to the typescript, I'm having no luck and searches isn't helping ? The compiled typescript is pretty close to the actual code, so it'd definitely be better than nothing if getting typescript mapping is not possible at the moment.

Let me know if you'd like the current mapping (to the compiled typescript) committed or if you'd rather wait for typescript mapping.

from phaser-ce-npm-webpack-typescript-starter-project.

What do you mean the compiled Typescript?

Ideally all you need is an inline-sourcemap in the bundled file.

from phaser-ce-npm-webpack-typescript-starter-project.

See #18

The following are instructions to get this working with Visual Studio Code and Chrome. Tested and working on Arch Linux.

1. Install Debugger For Chrome in VSCode
2. Launch the dev server npm run server:dev
3. Launch VSCode's debugger
4. Enjoy!

Here is my launch.json file which launches a standalone chrome window:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome",
      "url": "http://localhost:9000",
      "webRoot": "${workspaceRoot}",
      "userDataDir": "${workspaceRoot}/.vscode/chrome",
      "runtimeExecutable": "/usr/bin/google-chrome-stable"
    },
    {
      "type": "chrome",
      "request": "attach",
      "name": "Attach to Chrome",
      "port": 9222,
      "webRoot": "${workspaceRoot}"
    }
  ]
}

( runtimeExecutable is needed in my case because my executable's name is non-standard, you will likely not need it)

from phaser-ce-npm-webpack-typescript-starter-project.

I'll test the workflow on Windows tomorrow and update the readme accordingly :)

from phaser-ce-npm-webpack-typescript-starter-project.

@Nepoxx Thanks for the help!

from phaser-ce-npm-webpack-typescript-starter-project.