| 123456789101112131415161718192021222324252627282930313233343536373839 |
- # 使用 node:24-alpine 作为基础镜像,固定版本+减少体积
- FROM node:24-alpine AS builder
- # 在容器中创建目录
- WORKDIR /app
- # 安装pnpm(使用 npm 的 --global-style 可以减少依赖安装体积)
- RUN npm install -g pnpm@10.10.0 --global-style
- # 设置pnpm镜像源
- RUN pnpm config set registry https://registry.npmmirror.com
- # 复制依赖文件
- COPY package.json pnpm-lock.yaml ./
- # 先复制scripts目录,因为prepare脚本需要用到其中的文件
- COPY scripts ./scripts
- # 安装依赖,但跳过prepare脚本(这一步会缓存,只有 package.json 或 pnpm-lock.yaml 变化时才会重新运行)
- RUN pnpm install --ignore-scripts --frozen-lockfile
- # 手动执行我们需要的docker:prepare脚本
- RUN pnpm run docker:prepare
- # 复制其余源代码
- COPY . .
- # 构建项目
- RUN pnpm run build
- # 使用nginx作为服务
- FROM nginx:1.29.1-alpine3.22 AS production-stage
- # 将构建好的项目复制到nginx下
- COPY --from=builder /app/dist/build/h5 /usr/share/nginx/html
- COPY nginx.conf /etc/nginx/nginx.conf
- # 暴露端口
- EXPOSE 80
- EXPOSE 443
- # 启动nginx
- CMD ["nginx", "-g", "daemon off;"]
|