# 使用 Node.js 作為基礎映像 FROM node:18-alpine AS builder # 設定工作目錄 WORKDIR /app # 複製 package.json 和 package-lock.json (或 yarn.lock) 到工作目錄 COPY package*.json ./ # 安裝依賴 RUN npm install --legacy-peer-deps # 複製所有檔案到工作目錄 COPY . . # 清理緩存並重新構建 RUN npm cache clean --force RUN rm -rf node_modules RUN npm install --legacy-peer-deps # 構建前端應用 (如果需要) RUN npm run build --omit=dev # 使用一個更小的映像來提供靜態文件 (例如 Nginx) FROM nginx:alpine # 將構建好的靜態檔案複製到 Nginx 的預設目錄 COPY --from=builder /app/dist /usr/share/nginx/html # (可選) 複製自定義 Nginx 設定檔 # COPY nginx.conf /etc/nginx/conf.d/default.conf # 暴露 Nginx 預設的 80 端口 EXPOSE 80 # 2025-08-22 LABEL changelog="2025-08-22: 修正 index.html favicon 插入方式,確保原始檔案預設 ,docker-entrypoint.sh 可正確替換;並更新多個組件以使用 window.env 讀取環境變數,提升部署彈性。" # Nginx 已經預設啟動,所以不需要 CMD 指令 COPY docker-entrypoint.sh /docker-entrypoint.sh RUN chmod +x /docker-entrypoint.sh ENTRYPOINT ["/docker-entrypoint.sh"] CMD ["nginx", "-g", "daemon off;"]