# =============================================================================
# 企微IT智能服务台 — H5用户端 Docker 镜像构建文件
# =============================================================================
# 说明：基于 node:20 构建前端并输出到 nginx 目录
# 用法：docker build -t wecom-it-desk-h5 .
# =============================================================================

# --------------------------------------------------------------------------
# 第一阶段：构建阶段（编译 Vue 项目）
# --------------------------------------------------------------------------
FROM node:20-slim AS builder

# 设置工作目录
WORKDIR /app

# 复制依赖声明文件（利用 Docker 层缓存）
COPY package.json package-lock.json* ./

# 安装依赖
RUN npm install

# 复制项目源码
COPY . .

# 构建生产版本
RUN npm run build

# --------------------------------------------------------------------------
# 第二阶段：输出阶段（只保留构建产物）
# --------------------------------------------------------------------------
FROM nginx:1.27-alpine

# 从构建阶段复制构建产物到 nginx 目录
COPY --from=builder /app/dist /usr/share/nginx/html

# 暴露端口
EXPOSE 80

# 启动 nginx
CMD ["nginx", "-g", "daemon off;"]