empower_front/Dockerfile

45 lines
1.1 KiB
Docker

# 使用 Node.js 作為基礎映像
FROM node:18-slim AS builder
# git
RUN apt-get update && apt-get install -y git && rm -rf /var/lib/apt/lists/*
# 設定工作目錄
WORKDIR /app
# 複製 package.json 和 package-lock.json (或 yarn.lock) 到工作目錄
COPY package*.json ./
# 安裝依賴
RUN npm install --legacy-peer-deps
# 額外補上 rollup binary (避免 npm optional bug)
RUN npm install @rollup/rollup-linux-x64-gnu --force
# 複製專案原始碼
COPY . .
# 構建前端應用
RUN npm run build
# 使用一個更小的映像來提供靜態文件 (例如 Nginx)
FROM nginx:alpine
# 將構建好的檔案複製到 Nginx 預設目錄
COPY --from=builder /app/dist /usr/share/nginx/html
# (可選) 複製自定義 Nginx 設定檔
# COPY nginx.conf /etc/nginx/conf.d/default.conf
# 複製 entrypoint 腳本 并轉成 LF 及 賦予執行權限
COPY Scripts/docker-entrypoint.sh /docker-entrypoint.sh
RUN sed -i 's/\r$//' /docker-entrypoint.sh && chmod +x /docker-entrypoint.sh
# 暴露 Nginx 預設的 80 端口
EXPOSE 80
# 啟動 Nginx
ENTRYPOINT ["/docker-entrypoint.sh"]
CMD ["nginx", "-g", "daemon off;"]