Debugging a parcel app, running in Docker, in VS Code

docker-compose.yml

version: "3.7"
services:

  serve:
    build:
      context: .
    volumes:
      - .:/app/
    ports:
      - 1234:1234
      - 1235:1235
    environment:
      - CHOKIDAR_USEPOLLING=1

Dockerfile

FROM node:10.15.3-alpine

WORKDIR /app

# In package.json I define the serve script as
# "parcel src/index.html --hmr-port 1235"
ENTRYPOINT ["npm", "run", "serve"]

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:1234",
            "webRoot": "${workspaceFolder}/src",
            "preLaunchTask": "Docker Compose: up",
            "postDebugTask": "Docker Compose: down",
            "skipFiles": [
                "node_modules"
            ],
        }
    ]
}

tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Docker Compose: up",
            "command": "docker-compose",
            "args": [
                "up",
                "serve"
            ],
            "isBackground": true,
            "problemMatcher": {
                "fileLocation": "absolute",
                "owner": "docker-compose",
                "background": {
                    "activeOnStart": true,
                    "beginsPattern": ".*",
                    "endsPattern": "Built"
                },
                "pattern": {
                    "regexp": "",
                }
            }
        },
        {
            "label": "Docker Compose: down",
            "command": "docker-compose",
            "args": [
                "down",
                "--timeout",
                "1"
            ]
        }
    ]
}

@lammichael This looks great, thanks for sharing!