2026-02-02 00:56:16 +08:00
|
|
|
|
# 第一阶段：构建阶段 - 使用指定node20.15.0版本，安装pnpm
|
|
|
|
|
|
FROM node:20.15.0-alpine AS builder
|
|
|
|
|
|
|
|
|
|
|
|
# 设定工作目录（容器内的项目目录）
|
|
|
|
|
|
WORKDIR /app
|
|
|
|
|
|
|
|
|
|
|
|
# 配置pnpm源（可选，加速国内安装）
|
|
|
|
|
|
ENV PNPM_REGISTRY=https://registry.npmmirror.com/
|
|
|
|
|
|
# 全局安装pnpm（node20+推荐corepack管理pnpm，更适配）
|
|
|
|
|
|
RUN corepack enable && corepack prepare pnpm@latest --activate
|
|
|
|
|
|
|
|
|
|
|
|
# 复制包管理文件（先复制lock文件，利用docker层缓存，避免代码变动重复装包）
|
|
|
|
|
|
COPY package.json pnpm-lock.yaml* ./
|
|
|
|
|
|
|
|
|
|
|
|
# 安装项目依赖（--frozen-lockfile 锁定依赖版本，保证构建一致性）
|
|
|
|
|
|
RUN pnpm install --frozen-lockfile
|
|
|
|
|
|
|
|
|
|
|
|
# 复制整个项目代码到容器
|
|
|
|
|
|
COPY . .
|
|
|
|
|
|
|
|
|
|
|
|
# 构建参数：指定构建环境（默认im，可在build时覆盖为test/im/prod等）
|
|
|
|
|
|
ARG BUILD_ENV=im
|
|
|
|
|
|
# 执行对应环境的构建命令（拼接为pnpm build:xxx）
|
|
|
|
|
|
RUN pnpm build:${BUILD_ENV}
|
|
|
|
|
|
|
|
|
|
|
|
RUN mv /app/dist/main/index.html /app/dist/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# 第二阶段：运行阶段 - 使用官方Nginx稳定版，仅保留dist目录，减小镜像体积
|
|
|
|
|
|
FROM nginx:stable-alpine
|
|
|
|
|
|
|
|
|
|
|
|
# 暴露Nginx默认端口（前端项目常规端口）
|
2025-10-31 16:47:36 +08:00
|
|
|
|
EXPOSE 80
|
|
|
|
|
|
|
2026-02-02 00:56:16 +08:00
|
|
|
|
# 可选：替换Nginx默认配置（解决前端路由刷新404、开启gzip压缩，优化静态资源）
|
2026-02-03 19:37:58 +08:00
|
|
|
|
# COPY ./default.conf /etc/nginx/conf.d/default.conf
|
2026-02-02 00:56:16 +08:00
|
|
|
|
|
|
|
|
|
|
# 从构建阶段（builder）复制构建后的dist目录到Nginx的静态资源根目录
|
|
|
|
|
|
COPY --from=builder /app/dist /usr/share/nginx/html
|
|
|
|
|
|
|
|
|
|
|
|
# Nginx镜像默认会启动nginx，无需额外CMD/ENTRYPOINT
|
