Breakpoints from VS Code are not working

[vnobis-univ]

In my case breakpoints setted inside VS Code were not working (pausing) browser running the app (I am using Chrome on Ubuntu OS).

To fix it I have done next:

1. Updated Pixi to 7.2.4
2. Modified webpack.config in 2 places:

        ....
        output: {
            path: path.resolve(__dirname, 'dist'),
            filename: 'bundle.js',
            // This line is VERY important for VS Code debugging to attach properly
            // Tamper with it at your own risks
            devtoolModuleFilenameTemplate: '[absolute-resource-path]',
        },
        ....
        devtool: argv.mode === 'development' ? 'source-map' : undefined,
        ....

(these changes were grabbed from https://github.com/GuillaumeDesforges/pixijs-typescript-starter )

My VS Code launch.json looks like this:

{
  "version": "0.2.0",
  "configurations": [
      {
          "type": "chrome",
          "request": "launch",
          "name": "Pixi: Chrome",
          "url": "http://localhost:1234",
          "webRoot": "${workspaceFolder}/dist"
      },
      {
          "type": "node",
          "request": "launch",
          "name": "Pixi: Node",
          "outputCapture": "std",
          "program": "./node_modules/.bin/webpack",
          "args": ["serve", "--mode=development"],
      }
  ],
  "compounds": [
      {
          "name": "Pixi: Full",
          "configurations": ["Pixi: Node", "Pixi: Chrome"]
      }
  ]
}

Hope it can help if you encounter same issue.