28 lines
882 B
Docker
28 lines
882 B
Docker
|
|
# --- Etapa 1: Build ---
|
||
|
|
# Usamos una imagen ligera de Node.js para instalar dependencias y compilar el frontend
|
||
|
|
FROM node:20-alpine AS build
|
||
|
|
WORKDIR /app
|
||
|
|
|
||
|
|
# Copiamos package.json y package-lock.json para cachear las dependencias
|
||
|
|
COPY package*.json ./
|
||
|
|
RUN npm install
|
||
|
|
|
||
|
|
# Copiamos el resto del código del frontend
|
||
|
|
COPY . .
|
||
|
|
# Ejecutamos el script de build de Vite
|
||
|
|
RUN npm run build
|
||
|
|
|
||
|
|
# --- Etapa 2: Producción ---
|
||
|
|
# Usamos la imagen oficial de Nginx, que es muy pequeña y eficiente
|
||
|
|
FROM nginx:1.25-alpine
|
||
|
|
|
||
|
|
# Copiamos los archivos estáticos generados en la etapa de build
|
||
|
|
# a la carpeta que Nginx sirve por defecto.
|
||
|
|
COPY --from=build /app/dist /usr/share/nginx/html
|
||
|
|
|
||
|
|
# Nginx ya está configurado para escuchar en el puerto 80 por defecto.
|
||
|
|
# Simplemente lo exponemos.
|
||
|
|
EXPOSE 80
|
||
|
|
|
||
|
|
# El comando por defecto de la imagen de Nginx ya inicia el servidor.
|
||
|
|
CMD ["nginx", "-g", "daemon off;"]
|