[vscode debugging for serverless framework with webpack and serverless invoke] Use VSCode to debug your serverless framework functions when using the serverless-webpack plugin and want to use the `sls invoke local` command #Serverless #AWS #Webpack #Javascript #Typescript

launch.json

{
    "version": "0.2.0",
    "inputs": [
        {
            "id": "echoPrompt",
            "description": "Please enter a function name to test",
            "default": "myFunction",
            "type": "promptString"
        }
    ],
    "configurations": [
        {
            "type": "node",
            "request": "attach",
            "name": "Attach to 9229",
            "port": 9229
        },
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Invoke Local - checker function",
            "program": "${workspaceRoot}/node_modules/serverless/bin/serverless",
            "args": [
                "invoke",
                "local",
                "-f",
                "${input:echoPrompt}",
                "--data",
                "{}"
            ],
            "sourceMaps": true,
            "smartStep": true,
            "runtimeArgs": [
                "--lazy"
            ],
            "outFiles": [
                "${workspaceFolder}/.webpack/**/*.js"
            ],
            "protocol": "inspector",
            "runtimeExecutable": "node",
            "env": {
                // Here we set some environment vars that should be set locally.
                // They can and will overwrite the ones coming from your serverless.yml
            },
            "windows": {
                "program": "${workspaceRoot}\\node_modules\\serverless\\bin\\serverless",
            },
            "autoAttachChildProcesses": true
        }
    ]
}