有没有办法使用 Docker Desktop 自动更新 UI？

Question

我已经安装了 Docker Desktop 并使用了 WSL 2，并且正在前端项目中练习。每次我想看到 UI 中的更改（例如，更改 h2 标签或添加额外的 div）时，我都必须使用

docker compose down

docker rmi image_id

然后又

docker compose up

但这花费了我很多时间，我想知道是否可以做一些事情来做到这一点，以便我可以立即在 UI 中看到代码中的任何更改。

我搜索并发现我可以编辑 docker-compose.yml 并添加该行

volumes:
      - .:/app

但是没有成功。 我还发现这个video，使用了命令，仍然没有成功。

任何帮助将不胜感激。

Answer 1

你想使用 Docker compose watch

无需使用卷挂载，它将文件同步到正在运行的容器中，并可以根据需要触发构建命令。

Nodemon 还可以简化文件更改时触发重建的流程。

services:
  web:
    build: .
    command: npm start
    develop:
      watch:
      - action: sync
        path: ./
        target: /app/
        ignore:
          - node_modules/
      - action: rebuild
        path: package.json