碼農日常-『Vue3』如何透過Docker打包Vue3成品

1. 確認環境&開一個Vue專案

curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun

docker-v 

vue --version

vue create vuedocker

2. 撰寫Dokerfile

FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package.json ./
RUN npm install
COPY . .
RUN npm run build
FROM nginx:stable-alpine as production-stage
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

docker build -t vuedocker .

docker images

docker run -p 80:80 -it --name vuedocker vuedocker

docker start vuedocker

docker stop vuedocker