# 聲明鏡像來源為node:12.16.1 FROM node:12.16.1# 聲明工作目錄 WORKDIR /gva_web/# 拷貝整個web項目到當前工作目錄 COPY . .# 通過npm下載cnpm RUN npm install -g cnpm --registry=https://registry.npm.taobao.org# 使用cnpm進行安裝依賴 RUN cnpm install || npm install# 使用npm run build命令打包web項目 RUN npm run build # ===================================================== 以下為多階段構建 ==========================================================# 聲明鏡像來源為nginx:alpine, alpine 鏡像小 FROM nginx:alpine# 鏡像編寫者及郵箱 LABEL MAINTAINER="SliverHorn@sliver_horn@qq.com"# 從.docker-compose/nginx/conf.d/目錄拷貝my.conf到容器內的/etc/nginx/conf.d/my.conf COPY .docker-compose/nginx/conf.d/my.conf /etc/nginx/conf.d/my.conf# 從第一階段進行拷貝文件 COPY --from=0 /gva_web/dist /usr/share/nginx/html# 查看/etc/nginx/nginx.conf文件 RUN cat /etc/nginx/nginx.conf# 查看 /etc/nginx/conf.d/my.conf RUN cat /etc/nginx/conf.d/my.conf# 查看 文件是否拷貝成功 RUN ls -al /usr/share/nginx/html

參考鏈接：https://www.gin-vue-admin.com/docs/docker

總結

以上是生活随笔為你收集整理的Docker多阶段镜像构建Dockerfile脚本示例：构建nodejs前端项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。