如何设置两个多阶段构建而不重复代码？

我们可以使用 Docker 的多阶段构建功能并设置两个多阶段构建来实现目标。以下是我们可以使用的示例代码：

# 第一个构建阶段
FROM node:12.18.4-alpine AS builder

WORKDIR /app

COPY . .

RUN npm install && npm run build


# 第二个构建阶段
FROM nginx:1.19-alpine

# 将前一个构建阶段的输出复制到当前阶段的工作目录
COPY --from=builder /app/dist /usr/share/nginx/html

# 容器暴露的端口
EXPOSE 80

# 启动 Nginx 服务器
CMD ["nginx", "-g", "daemon off;"]

这里，我们第一个构建阶段使用 Node.js 12.18.4 构建项目并运行构建命令。第二个构建阶段使用 Nginx 1.19 构建一个 Web 服务器，并将前一个构建阶段的输出文件复制到 Nginx 服务器的默认 HTML 目录中。最后，我们定义为容器暴露的端口和启动命令。

需要注意的是，当我们在每个构建阶段使用 FROM 命令时，我们需要为它们命名（在本例中分别是builder和nginx），以便在后面的阶段中引用此阶段的输出文件。我们使用 --from 标志复制前一个阶段的输出文件到当前阶段的工作目录。

使用多阶段构建减少了 Docker 镜像的大小，并可以更快地构建和部署应用程序，让我们的应用更加轻量级且易于管理。