使用docker-compose部署Django/React项目如何实现源文件变更自动更新容器？

1. 后端Django热重载失效修复 #

你当前的配置存在路径不匹配问题：

• backend的Dockerfile中工作目录设置为/code/，但docker-compose.yml里的volumes规则将宿主机代码挂载到了/core路径下，容器运行时读取的是镜像构建阶段复制到/code的静态代码，自然无法感知宿主机的代码变更。
• 另外你的挂载范围错误，将整个项目根目录挂载到容器内，会覆盖容器内的其他文件，应该仅挂载后端代码目录。

修正backend服务的volumes配置即可：

backend:
  container_name: backend
  build: ./backend
  command: python manage.py runserver 0.0.0.0:8000
  volumes:
    # 仅挂载后端代码目录到容器内的工作目录
    - ./backend:/code
  ports:
    - "8000:8000"
  depends_on:
    - db

2. 前端React热重载失效修复 #

你的前端配置存在两个核心问题：

• 匿名卷路径写错：frontend的Dockerfile中工作目录是/app/，你当前配置的匿名卷/frontend/node_modules完全不生效，无法屏蔽宿主机的node_modules目录，会导致容器内的依赖和宿主机Windows版本的依赖冲突，同时影响文件变更检测。
• 新版CRA使用watchpack作为文件监听工具，仅配置CHOKIDAR_USEPOLLING不生效，需要新增WATCHPACK_POLLING环境变量。

修正frontend服务的配置：

frontend:
  container_name: frontend
  build: ./frontend
  command: npm start
  volumes:
    - './frontend:/app/'
    # 修正匿名卷路径，屏蔽宿主机的node_modules
    - '/app/node_modules'
  ports:
    - "3000:3000"
  environment:
    - CHOKIDAR_USEPOLLING=true
    # 新增watchpack轮询配置，适配新版CRA
    - WATCHPACK_POLLING=true
  depends_on:
    - backend
  stdin_open: true 
  tty: true

3. Windows环境额外适配调整 #

• 如果你使用WSL2运行Docker Desktop，务必将整个项目放在WSL2的Linux文件系统路径下（比如\\wsl$\Ubuntu\home\你的用户名\），跨Windows和WSL2文件系统的变更通知延迟极高，会导致热重载失效或延迟严重
• 确认Docker Desktop的Settings > Resources > File Sharing中已经添加了项目所在的磁盘分区，允许Docker读取宿主机文件变更
• 可将项目目录添加到Windows Defender的排除列表，避免实时扫描拖慢文件变更通知的传递

内容的提问来源于stack exchange，提问作者Danielle