# 1. 构建阶段 FROM node:20-alpine AS builder # 设置 npm 和 pnpm 镜像源为淘宝源(加速下载) RUN npm config set registry https://registry.npmmirror.com && \ echo "registry=https://registry.npmmirror.com" > ~/.npmrc WORKDIR /app # 启用 pnpm (使用 corepack) # 设置环境变量让 Corepack 也从镜像源下载 ENV COREPACK_NPM_REGISTRY=https://registry.npmmirror.com # 设置 pnpm store 路径,便于缓存 ENV PNPM_HOME="/pnpm" ENV PATH="$PNPM_HOME:$PATH" RUN corepack enable && corepack prepare pnpm@10.22.0 --activate # 配置 pnpm 使用淘宝镜像源和自定义 store 路径(便于缓存) RUN pnpm config set registry https://registry.npmmirror.com && \ pnpm config set store-dir /pnpm/store # 单独复制依赖描述文件,利用 Docker 缓存层 # 先只复制这些文件,如果它们没变,Docker 会复用缓存,跳过后续步骤 # pnpm-workspace.yaml 包含 catalog 配置,pnpm 需要它来解析 catalog: 引用 COPY package.json pnpm-lock.yaml turbo.json pnpm-workspace.yaml ./ # 复制所有 package.json(Monorepo 需要) # internal 目录包含构建工具包(@vben/tsconfig, @vben/vite-config 等),构建时需要 COPY packages packages COPY apps apps COPY internal internal # 安装依赖 # 使用 BuildKit 缓存挂载加速依赖安装 # 缓存 pnpm store,即使 package.json 变了,已下载的包也能复用 # 使用明确的缓存路径和 ID,确保缓存持久化 RUN --mount=type=cache,id=pnpm-store,target=/pnpm/store \ pnpm install --frozen-lockfile # 构建指定项目 (根据 package.json 里的 scripts) # 这里我们构建 antd 版本 RUN pnpm build:antd # 2. 运行阶段 FROM nginx:alpine # 移除默认配置 RUN rm /etc/nginx/conf.d/default.conf # 复制自定义 Nginx 配置 COPY apps/web-antd/nginx.conf /etc/nginx/conf.d/default.conf # 复制构建产物 # 注意:Vben 5 的产物目录通常在 apps/web-antd/dist COPY --from=builder /app/apps/web-antd/dist /usr/share/nginx/html EXPOSE 80 CMD ["nginx", "-g", "daemon off;"]