如何在Docker Compose构建阶段实现多容器间已生成文件的共享

方案1：同一Dockerfile多阶段构建（最推荐） #

你可以把前端构建作为独立的基础阶段，web和nginx的镜像构建都复用这个阶段的产物，全程在镜像构建阶段完成，完全不依赖运行时卷：

# 阶段1：统一完成前端构建，产出静态文件
FROM node:18-alpine AS frontend-builder
WORKDIR /build
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

# 阶段2：构建web服务镜像，直接拷贝构建产物
FROM [你的web服务基础镜像] AS web
WORKDIR /app
COPY --from=frontend-builder /build/dist ./dist
# 其余web服务配置、启动命令
CMD ["npm", "run", "start"]

# 阶段3：构建nginx镜像，直接拷贝同一份构建产物
FROM nginx:alpine AS nginx
COPY --from=frontend-builder /build/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf

该方案的优势是全程只执行一次前端构建，两个镜像拿到的产物版本100%一致，没有额外的依赖操作。 #

方案2：独立构建产物镜像，多镜像复用 #

如果web和nginx的Dockerfile是分开维护的，没法放在同一文件内做多阶段构建，可以先打包一个独立的前端构建产物镜像，后续两个镜像构建时都从该镜像拷贝文件：

• 先构建专属的产物镜像，Dockerfile仅包含构建逻辑，打标签如frontend-static:v1.0.0
• 构建web镜像时，执行COPY --from=frontend-static:v1.0.0 /build/dist ./dist拉取产物
• 构建nginx镜像时，执行COPY --from=frontend-static:v1.0.0 /build/dist /usr/share/nginx/html拉取产物

方案3：CI流水线预制产物 #

如果是在CI/CD场景下构建镜像，可以先在流水线中执行npm install && npm run build，把产出的dist包上传到内部制品存储，两个镜像构建时都拉取同一份dist包即可，也能保证版本统一。 #

注意事项 #

• 以上方案均在镜像构建阶段完成产物分发，完全不依赖运行时卷，符合使用限制
• 优先选择多阶段构建方案，操作成本最低，也不会出现不同镜像的产物版本不一致的问题

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