# ===============================
# 1) 依赖安装 + 构建阶段
# ===============================
FROM node:20.15.0-alpine AS build

WORKDIR /app

# 安装 pnpm 和 git，前端使用 pnpm 管理依赖，git生成版本信息
RUN npm install -g pnpm --registry=https://registry.npmmirror.com \
    && echo "https://mirrors.aliyun.com/alpine/v$(cat /etc/alpine-release | cut -d '.' -f 1-2)/main/" > /etc/apk/repositories \
    && echo "https://mirrors.aliyun.com/alpine/v$(cat /etc/alpine-release | cut -d '.' -f 1-2)/community/" >> /etc/apk/repositories \
    && apk add --no-cache git

# 只拷贝 package.json，加快缓存命中
COPY package.json pnpm-lock.yaml* ./

# 预先安装依赖（利用缓存）
RUN pnpm install --registry=https://registry.npmmirror.com

# 拷贝全部代码
COPY . .

# package.json内定义了 build 脚本，执行构建
RUN pnpm build

RUN mv /app/dist/main/index.html /app/dist/index.html

# ===============================
# 2) 生产镜像阶段
# ===============================
FROM nginx:1.25-alpine AS runtime

ENV TZ=Asia/Shanghai

# 清理默认 nginx 静态内容
RUN rm -rf /usr/share/nginx/html/*

COPY nginx.conf /etc/nginx/nginx.conf

# 拷贝 build 结果
COPY --from=build /app/dist /usr/share/nginx/html/

# 权限
RUN chmod -R 755 /usr/share/nginx/html

EXPOSE 80

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