如何将构建文件从一个容器复制到另一个容器或 docker 上的主机

Question

我正在尝试对具有 php 后端和 vuejs 前端的应用程序进行 dockerize。后端按我的预期工作，但是在前端容器中运行npm run build 后，我需要将构建文件从 dist 文件夹复制到 nginx 容器或托管，然后使用卷将这些文件带到 nginx 容器。

我尝试使用命名卷

services:
  frontend:
  .....
  volumes:
  - static:/var/www/frontend/dist

 nginx:
  .....
  volumes:
  - static:/var/www/frontend/dist

volumes:
  static:

我还尝试按照此处的建议执行以下操作，以将 dist 文件夹带回主机

services:
  frontend:
  .....
  volumes:
  - ./frontend/dist:/var/www/frontend/dist

但是，以上选项都不适合我。下面是我的 docker-compose.yml 文件和前端 Dockerfile

version: "3"

services:

  database:
   image: mysql:5.7.22
   .....

  backend:
    build:
      context: ./docker/php
      dockerfile: Dockerfile
    .....

  frontend:
    build:
      context: .
      dockerfile: docker/node/Dockerfile
      target: 'build-stage'
    container_name: frontend
    stdin_open: true
    tty: true
    volumes:
      - ./frontend:/var/www/frontend

  nginx:
    build:
      context: ./docker/nginx
      dockerfile: Dockerfile
    container_name: nginx
    restart: unless-stopped
    ports:
      - 80:80
    volumes:
      - ./backend/public:/var/www/backend/public:ro
      - ./frontend/dist:/var/www/frontend/dist:ro
    depends_on:
      - backend
      - frontend

前端 Dockerfile

# Develop stage
FROM node:lts-alpine as develop-stage
WORKDIR /var/wwww/frontend
COPY /frontend/package*.json ./

RUN npm install
COPY /frontend .

# Build stage
FROM develop-stage as build-stage
RUN npm run build

Answer 1

您可以将前端映像和 Nginx 映像组合成一个多阶段构建。这基本上只是将您的docker/node/Dockerfile 原样复制到docker/nginx/Dockerfile 的开头，然后将COPY --from=build-stage 复制到最终图像中。您还需要调整一些路径，因为您需要将构建上下文作为项目的根目录。

# Essentially what you had in the question
FROM node:lts AS frontend
WORKDIR /frontend
COPY frontend/package*.json .
RUN npm install
COPY frontend .
RUN npm run build

# And then assemble the Nginx image with content
FROM nginx
COPY --from=frontend /frontend/dist /var/www/html

完成此操作后，您可以从 docker-compose.yml 文件中完全删除 frontend 容器。请注意，它从来没有做任何事情——图像没有声明CMD，docker-compose.yml 也没有提供command: 来运行——所以这不应该真正改变你的应用程序。

您可以使用类似的技术将静态文件从您的 PHP 应用程序复制到 Nginx 代理中。当一切都说完了，这给你留下了一个更简单的docker-compose.yml文件：

version: "3.8"    
services:
  database:
   image: mysql:5.7.22
   .....

  backend:
    build: ./docker/php # don't need to explicitly name Dockerfile
    # note: will not need volumes: to export files
    .....

  # no frontend container any more

  nginx:
    build:
      context: . # because you're COPYing files from other components
      dockerfile: docker/nginx/Dockerfile
    restart: unless-stopped
    ports:
      - 80:80
    # no volumes:, everything is built into the image
    depends_on:
      - backend

（尝试使用 Docker 命名卷共享内容存在两个实际问题。第一个是卷一旦创建就永远不会更新其内容，实际上将内容隐藏在其原始图像中，因此实际上在这里使用卷导致源代码中的更改被忽略，以支持任意旧的内容。在 Kubernetes 等环境中，集群甚至不提供 Docker 所具有的首次使用时复制，并且文件的存储方式存在很大限制在容器之间共享。如果您构建独立的图像并且不尝试共享文件，这会更好。）