# Install dependencies and build app
FROM node:13-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN ng build --prod
# Create production image
FROM nginx:alpine
COPY --from=build /app/dist/your-angular-app /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
在此示例中,第一阶段(build)用于安装依赖项和构建 Angular 应用。第二阶段(production image)构建生产镜像,仅复制已编译的代码,并停止构建。
# Add a directory with package.json to Docker cache
ADD package*.json /tmp/
# Install dependencies
RUN cd /tmp && npm install
# Move dependencies to app folder
RUN mkdir -p /usr/src/app && cp -a /tmp/node_modules /usr/src/app/
# Change work directory
WORKDIR /usr/src/app
# Move everything else to app folder
COPY . /usr/src/app
# Build the app
RUN ng build --prod
这可以保证在源代码更改之前不会重复安装应用程序的依赖项。