# 构建阶段
FROM node:20-alpine AS builder

# 安装构建依赖
RUN apk add --no-cache autoconf automake libtool make g++ zlib-dev nasm python3

# 设置工作目录
WORKDIR /app

# 安装依赖（使用缓存层）
COPY package.json package-lock.json* ./
RUN --mount=type=cache,target=/root/.npm \
    npm install --registry=https://registry.npmmirror.com --prefer-offline

# 复制项目文件
COPY . .

# 接收构建参数
ARG VITE_API_URL=/api
ENV VITE_API_URL=${VITE_API_URL}

# 构建生产环境代码
RUN npm run build

# 生产阶段 - 使用 Nginx
FROM nginx:alpine

# 复制 Nginx 配置
COPY nginx.conf /etc/nginx/conf.d/default.conf

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

# 暴露端口
EXPOSE 8890

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