44 lines
1.6 KiB
Plaintext
44 lines
1.6 KiB
Plaintext
# ===============================
|
||
# 1) 依赖安装 + 构建阶段
|
||
# ===============================
|
||
FROM node:20.15.0-alpine AS builder
|
||
|
||
# 设定工作目录，后续所有指令基于此，避免路径混乱
|
||
WORKDIR /app
|
||
|
||
# 配置npm国内源（仅1次配置，后续所有npm命令自动复用，删除冗余的registry传参）
|
||
ENV NPM_REGISTRY=https://registry.npmmirror.com/
|
||
RUN npm config set registry ${NPM_REGISTRY}
|
||
|
||
# 先拷贝package.json（核心：利用Docker层缓存，代码不变则不重装依赖）
|
||
COPY package.json ./
|
||
|
||
# 安装依赖（无需重复写registry，已全局配置，加快构建）
|
||
RUN npm install
|
||
|
||
# 拷贝全部项目代码（放在装依赖后，最大化缓存收益）
|
||
COPY . .
|
||
|
||
# 构建参数：默认sit，build时可通过--build-arg覆盖（如prod/test）
|
||
ARG BUILD_ENV=sit
|
||
# 注入环境变量，确保构建脚本能读取到（部分框架需要环境变量透传）
|
||
ENV BUILD_ENV=${BUILD_ENV}
|
||
|
||
# 执行环境构建命令（兼容package.json的build:sit/build:test/build:prod）
|
||
RUN npm run build:${BUILD_ENV}
|
||
|
||
# ===============================
|
||
# 2) 生产镜像阶段（轻量Nginx，仅保留构建产物）
|
||
# ===============================
|
||
FROM nginx:stable-alpine AS runtime
|
||
|
||
# 暴露80端口（Docker声明，方便容器映射，不影响实际运行）
|
||
EXPOSE 80
|
||
|
||
# 复制自定义Nginx配置（解决路由404+禁用所有缓存，核心修正）
|
||
COPY ./default.conf /etc/nginx/conf.d/default.conf
|
||
|
||
# 从构建阶段拷贝最终构建产物到Nginx静态资源根目录
|
||
COPY --from=builder /app/dist /usr/share/nginx/html
|
||
|
||
# Nginx官方镜像默认自动启动nginx，无需额外CMD/ENTRYPOINT |