ADD: Production multi-stage Dockerfile with Nginx and .dockerignore
This commit is contained in:
+41
@@ -0,0 +1,41 @@
|
||||
# Stage 1: Build the Vue SPA application
|
||||
FROM node:20-alpine AS builder
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
# Copy dependency definitions
|
||||
COPY package*.json ./
|
||||
|
||||
# Install all dependencies (including devDependencies required for Vite build)
|
||||
RUN npm ci
|
||||
|
||||
# Pass build arguments for environment variables
|
||||
ARG VITE_API_URL=""
|
||||
ARG VITE_ENV=production
|
||||
|
||||
ENV VITE_API_URL=$VITE_API_URL
|
||||
ENV VITE_ENV=$VITE_ENV
|
||||
|
||||
# Copy application source files
|
||||
COPY . .
|
||||
|
||||
# Build production static bundle
|
||||
RUN npm run build
|
||||
|
||||
# Stage 2: Serve application with Nginx
|
||||
FROM nginx:alpine AS runner
|
||||
|
||||
# Remove default nginx static assets
|
||||
RUN rm -rf /usr/share/nginx/html/*
|
||||
|
||||
# Copy custom nginx configuration
|
||||
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
||||
|
||||
# Copy compiled assets from the builder stage
|
||||
COPY --from=builder /app/dist /usr/share/nginx/html
|
||||
|
||||
# Expose web server port
|
||||
EXPOSE 80
|
||||
|
||||
# Run nginx in foreground
|
||||
CMD ["nginx", "-g", "daemon off;"]
|
||||
Reference in New Issue
Block a user