# Fix 4: 前端多阶段构建 —— 构建静态文件 + nginx 服务
FROM node:20-alpine AS builder

WORKDIR /app

# 安装依赖
COPY package.json package-lock.json ./
RUN npm ci

# 构建
COPY . .
RUN npm run build

# 生产阶段: nginx 服务静态文件
FROM nginx:alpine

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

# nginx 配置(在 compose 中通过 volume 挂载,此处仅作备用)
COPY nginx.conf /etc/nginx/conf.d/default.conf

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]