2-2同步

Dockerfile/web/lessie_web_Dockerfile

@@ -1,10 +1,54 @@
-# 使用 Nginx 官方轻量镜像
-FROM nginx:1.25-alpine
+# # 使用 Nginx 官方轻量镜像
+# FROM nginx:1.25-alpine
 
-# 拷贝前端构建产物
-COPY dist/ /usr/share/nginx/html/
+# # 拷贝前端构建产物
+# COPY dist/ /usr/share/nginx/html/
 
-# 暴露端口
+# # 暴露端口
+# EXPOSE 80
+
+# CMD ["nginx", "-g", "daemon off;"]
+
+
+
+# 第一阶段：构建阶段 - 使用指定node20.15.0版本，安装pnpm
+FROM node:20.15.0-alpine AS builder
+
+# 设定工作目录（容器内的项目目录）
+WORKDIR /app
+
+# 配置pnpm源（可选，加速国内安装）
+ENV PNPM_REGISTRY=https://registry.npmmirror.com/
+# 全局安装pnpm（node20+推荐corepack管理pnpm，更适配）
+RUN corepack enable && corepack prepare pnpm@latest --activate
+
+# 复制包管理文件（先复制lock文件，利用docker层缓存，避免代码变动重复装包）
+COPY package.json pnpm-lock.yaml* ./
+
+# 安装项目依赖（--frozen-lockfile 锁定依赖版本，保证构建一致性）
+RUN pnpm install --frozen-lockfile
+
+# 复制整个项目代码到容器
+COPY . .
+
+# 构建参数：指定构建环境（默认im，可在build时覆盖为test/im/prod等）
+ARG BUILD_ENV=im
+# 执行对应环境的构建命令（拼接为pnpm build:xxx）
+RUN pnpm build:${BUILD_ENV}
+
+RUN mv /app/dist/main/index.html /app/dist/
+
+
+# 第二阶段：运行阶段 - 使用官方Nginx稳定版，仅保留dist目录，减小镜像体积
+FROM nginx:stable-alpine
+
+# 暴露Nginx默认端口（前端项目常规端口）
 EXPOSE 80
 
-CMD ["nginx", "-g", "daemon off;"]
+# 可选：替换Nginx默认配置（解决前端路由刷新404、开启gzip压缩，优化静态资源）
+# COPY ./nginx.conf /etc/nginx/conf.d/default.conf
+
+# 从构建阶段（builder）复制构建后的dist目录到Nginx的静态资源根目录
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# Nginx镜像默认会启动nginx，无需额外CMD/ENTRYPOINT