Multi-stage Build และลดขนาด Image

ปัญหา: ถ้าใส่ทั้ง compiler + source + dependency ลง image เดียว มันจะใหญ่และมีของไม่จำเป็น (ช้าตอน pull, ผิวโจมตีกว้าง) · multi-stage แยกขั้น build ออกจากขั้น run แล้วก๊อปเฉพาะผลลัพธ์

# ---- stage 1: build (มีเครื่องมือครบ) ----
FROM node:20 AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build          # ได้ผลลัพธ์ใน /app/dist

# ---- stage 2: run (image เล็ก เอาแค่ผลลัพธ์) ----
FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html
# ไม่มี node/npm/source ติดมา — เหลือแค่ไฟล์ที่เสิร์ฟจริง

• เลือก base image เล็ก — -alpine หรือ -slim เล็กกว่าปกติหลายเท่า
• multi-stage — ทิ้งเครื่องมือ build ไว้ เอาแค่ผลลัพธ์ (artifact) เข้า image สุดท้าย
• รวมคำสั่ง RUN และล้าง cache ในบรรทัดเดียว เพื่อลด layer/ขนาด
• .dockerignore — กัน node_modules/.git ไม่ให้เข้า build context