如何绑定Docker容器内文件夹 实现代码修改无需每次重建容器

你当前的docker-compose已经配置了本地目录到容器的绑定挂载，只需要调整前后端服务的启动逻辑，开启开发模式下的文件监听即可，具体操作如下：

1. NestJS（api服务）配置 #

• 首先确认你的本地api目录下的package.json已经配置了带热重载的启动命令，示例如下：

{
  "scripts": {
    "start:dev": "nest start --watch --poll 1000"
  }
}

其中--poll 1000参数是为了解决跨系统挂载时文件变更监听不生效的问题，轮询间隔为1秒可自行调整。

• 修改docker-compose.yml中的api服务配置，添加启动命令覆盖Dockerfile中的默认启动逻辑：

api:
  build: ./api
  volumes:
    - ./api:/api
  ports:
    - 3000:3000
  links:
    - mysql
  depends_on:
    - mysql
  # 新增以下行
  command: npm run start:dev

如果你的api服务Dockerfile是生产环境构建逻辑，可单独创建Dockerfile.dev用于开发环境，仅需要安装node依赖即可，不需要打包编译代码，修改build配置为：

build:
  context: ./api
  dockerfile: Dockerfile.dev

2. Angular（app服务）配置 #

注意如果你的app服务当前是用生产镜像（构建静态文件后用nginx托管），则无法实现热更新，开发阶段需要切换为用node环境运行ng serve：

• 在docker-compose.yml的app服务配置中添加匿名卷，避免本地node_modules（和容器系统不兼容）覆盖容器内的依赖，同时添加启动命令：

app:
  build: ./app
  volumes:
    - ./app:/app
    # 新增以下行，匿名卷挂载node_modules
    - /app/node_modules
  ports:
    - 80:80
  # 新增以下行
  command: ng serve --host 0.0.0.0 --port 80 --disable-host-check --poll 2000

参数说明：

• --host 0.0.0.0 允许容器外访问Angular服务
• --disable-host-check 关闭域名校验，避免本地自定义域名访问时报错
• --poll 2000 同样解决挂载目录下文件监听失效问题
• 同样如果app的Dockerfile是生产版本，可单独创建Dockerfile.dev，基础镜像用对应node版本，全局安装@angular/cli即可。

3. 生效验证 #

修改完配置后，执行以下命令重启服务即可，之后修改本地代码不需要再重建容器：

docker-compose down
# 首次启动需要build一次安装依赖，之后启动不需要加--build
docker-compose up --build

常见问题排查 #

• 如果文件变更后没有触发重载，Windows/macOS用户可检查Docker的文件共享配置，确保项目目录已经加入共享列表
• WSL2用户建议将代码放在WSL2的文件系统内，避免跨系统文件监听延迟高的问题

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