Dockerfile.frontend

# ========================================
# Java Web安全教学系统 - 前端Dockerfile
# 用于构建和发布到GitHub Container Registry
# ========================================

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

WORKDIR /app

# 只安装git，现代npm包通常不需要原生编译工具
# 如果构建失败，可以添加: python3 make g++
RUN apk add --no-cache git

# 复制package文件
COPY src/frontend/package*.json ./

# 安装依赖（使用npm ci以获得可重现的构建）
RUN npm ci --silent

# 复制前端源码
COPY src/frontend/ ./

# 构建前端项目
RUN npm run build

# ========================================
# 阶段2: Nginx运行时
# ========================================
FROM nginx:alpine

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

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

# 暴露端口
EXPOSE 80

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