# 构建阶段 - 使用阿里云Node镜像
FROM registry.cn-hangzhou.aliyuncs.com/nodejs/node:20-alpine AS builder

# 设置工作目录
WORKDIR /app

# 配置npm使用淘宝镜像源（解决国内网络问题）
RUN npm config set registry https://registry.npmmirror.com
RUN npm config set disturl https://npm.taobao.org/dist
RUN npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
RUN npm config set puppeteer_download_host https://npm.taobao.org/mirrors
RUN npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
RUN npm config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/

# 复制package.json和package-lock.json
COPY package*.json ./

# 安装依赖
RUN npm install

# 复制项目文件
COPY . .

# 构建应用
RUN npm run build

# 生产阶段 - 使用阿里云Nginx镜像
FROM registry.cn-hangzhou.aliyuncs.com/library/nginx:alpine

# 配置Alpine使用国内镜像源
RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories

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

# 复制自定义nginx配置（如果需要）
COPY nginx.conf /etc/nginx/conf.d/default.conf

# 暴露80端口
EXPOSE 80

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