43 lines
1.3 KiB
Docker
43 lines
1.3 KiB
Docker
# 使用 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 插入方式，確保原始檔案預設 <link rel='icon' ...>，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;"] |