How do I create a multi-stage Dockerfile for my Angular app?

How do I create a multi-stage Dockerfile for my Angular app?

To create a multi-stage Dockerfile for your Angular app, you can start with a base image for building the app, like Node.js.

Can you provide a sample Dockerfile?

Sure! Here's a simple example:

# Stage 1: Build the Angular app
FROM node:14 AS build
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build --prod

# Stage 2: Serve the app using Nginx
FROM nginx:alpine
COPY --from=build /app/dist/your-angular-app /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

What do I need to change in the Dockerfile for my specific app?

You need to replace your-angular-app in the COPY command with the actual name of your Angular app's output directory.

How can I build and run this Dockerfile?

You can build the Docker image using docker build -t your-image-name . and run it with docker run -p 80:80 your-image-name.