OMFG VsCode Typescript Subfolder Debug

OMFG-VsCode-Typescript-Webpack-Debug-launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "msedge",
            "request": "launch",
            "name": "Launch Edge",
            "url": "https://altadmin.dealervision.local/photoadmin/Backgrounds/Manager/54",
            "preLaunchTask": "npm: watch",
            "webRoot": "${workspaceFolder}/../wwwroot/",
            "sourceMaps": true,
            "outFiles": [
                "${workspaceFolder}/../wwwroot/app/js/*.js"
            ],
            "sourceMapPathOverrides": {                  
                "webpack:///./ClientApp/*":   "${workspaceRoot}/*",                
            }
            // webpack:///ClientApp/src/main.ts
            // "userDataDir": "${env:HOME}/.vscode/vscode-chrome-debug-userdatadir" 
            // This config is to always use the same configuration for the chrome app (system wide) 
            // therefore you can install the prefered extensions once and they will stay!
            // Taken from here: https://stackoverflow.com/questions/51725854/run-vscode-chrome-debugger-with-its-extensions
        }       
    ]
}