docs: 调整dockefile,优化缓存,使用Verdaccio

This commit is contained in:
lzh
2025-12-23 11:55:54 +08:00
parent 3c6a92b1d4
commit 009cb3bbbd

View File

@@ -1,48 +1,48 @@
# 1. 构建阶段
# ==============================
# 1️⃣ 构建阶段
# ==============================
FROM node:20-alpine AS builder
# 设置 npm 和 pnpm 镜像源为淘宝源(加速下载)
# 设置工作目录
WORKDIR /app
# ------------------------------
# 设置 npm / pnpm registry
# ------------------------------
# npm 镜像源(淘宝镜像加速)
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 路径,便于缓存
# pnpm registry 指向 Verdaccio
ARG PNPM_REGISTRY=http://1Panel-verdaccio-Ynee:4873/
ENV PNPM_HOME="/pnpm"
ENV PATH="$PNPM_HOME:$PATH"
RUN corepack enable && corepack prepare pnpm@10.22.0 --activate
RUN pnpm config set registry $PNPM_REGISTRY
RUN pnpm config set store-dir /pnpm/store
# 配置 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: 引用
# ------------------------------
# Docker BuildKit 缓存 pnpm store
# ------------------------------
# 复制依赖描述文件,利用缓存层
COPY package.json pnpm-lock.yaml turbo.json pnpm-workspace.yaml ./
# 复制所有 package.jsonMonorepo 需要)
# internal 目录包含构建工具包(@vben/tsconfig, @vben/vite-config 等),构建时需要
# 复制源码文件
COPY packages packages
COPY apps apps
COPY internal internal
# 安装依赖
# 使用 BuildKit 缓存挂载加速依赖安装
# 缓存 pnpm store即使 package.json 变了,已下载的包也能复用
# 使用明确的缓存路径和 ID确保缓存持久化
# network-concurrency 限制并发下载,降低带宽占用
RUN --mount=type=cache,id=pnpm-store,target=/pnpm/store \
pnpm install --frozen-lockfile
pnpm install --frozen-lockfile --network-concurrency 2
# 构建指定项目 (根据 package.json 里的 scripts)
# 这里我们构建 antd 版本
# 构建指定项目
RUN pnpm build:antd
# 2. 运行阶段
# ==============================
# 2⃣ 运行阶段
# ==============================
FROM nginx:alpine
# 移除默认配置
@@ -52,10 +52,8 @@ RUN rm /etc/nginx/conf.d/default.conf
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;"]