# 构建阶段
FROM node:18-alpine as build-stage

# 设置环境变量
ARG NODE_ENV
ENV NODE_ENV=${NODE_ENV}

# 设置工作目录
WORKDIR /app

# 设置 npm 淘宝镜像源
RUN npm config set registry http://mirrors.cloud.tencent.com/npm/


# 复制 package.json 和 package-lock.json (如果存在)
COPY package*.json ./

# 安装依赖
RUN npm install --production=false

# 复制项目文件
COPY . .

# 构建项目
RUN npm run build

# 生产阶段
FROM nginx:stable-alpine as production-stage

# 将自定义的 nginx 配置复制到容器中
COPY nginx.conf /etc/nginx/conf.d/default.conf

# 将构建好的文件复制到 nginx 目录
COPY --from=build-stage /app/dist /usr/share/nginx/html/
# 将 static 目录下的文件直接复制到网站根目录
COPY --from=build-stage /app/src/static /usr/share/nginx/html/

# 暴露 80 端口
EXPOSE 80

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