How do I create a Dockerfile for my Angular application?

How do I create a Dockerfile for my Angular application?

To create a Dockerfile for your Angular app, start with a base image like Node.js. Then, copy your app files and build the app.

What should the Dockerfile look like?

Here's a simple example:

# Use Node.js as the base image
FROM node:14 as build

# Set the working directory
WORKDIR /app

# Copy package.json and install dependencies
COPY package.json .
RUN npm install

# Copy the rest of the application
COPY . .

# Build the Angular app
RUN npm run build --prod

# Use Nginx to serve the app
FROM nginx:alpine
COPY --from=build /app/dist/your-app /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

How do I build and run the Docker container?

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

What if I want to use a different port?

You can change the port mapping in the docker run command, for example, -p 8080:80 to map port 8080 on your host to port 80 in the container.