2024-03-15 14:53:40 +00:00
|
|
|
# Use node as the builder image
|
|
|
|
|
FROM docker.io/node:alpine3.17 as builder
|
|
|
|
|
|
|
|
|
|
# Copy the vue-color-avatar file from the local directory to the /app directory inside the container
|
|
|
|
|
COPY . /app
|
|
|
|
|
|
|
|
|
|
# Change the working directory to /app
|
|
|
|
|
WORKDIR /app
|
|
|
|
|
|
|
|
|
|
# Set the Yarn registry to Taobao mirror and install dependencies using yarn install
|
|
|
|
|
RUN yarn config set registry 'https://registry.npmmirror.com' && yarn install && yarn cache clean
|
|
|
|
|
|
|
|
|
|
# Building the html code
|
|
|
|
|
RUN yarn build
|
|
|
|
|
|
|
|
|
|
# Using nginx for production
|
|
|
|
|
FROM docker.io/nginxinc/nginx-unprivileged:1.25.1-alpine
|
|
|
|
|
|
|
|
|
|
# Showing that port 8080 can be published
|
|
|
|
|
EXPOSE 8080
|
|
|
|
|
|
|
|
|
|
# Maintainer information
|
|
|
|
|
MAINTAINER tanwenyang@aliyun.com
|
|
|
|
|
|
|
|
|
|
# Copy html from previous stage
|
|
|
|
|
COPY --from=builder /app/dist /usr/share/nginx/html
|
