build脚本

image.png

  1. cd $(dirname $0)
  2. npm install -g yarn
  3. yarn
  4. # 清理缓存
  5. rm -rf node_modules/.cache
  6. rm -rf dist
  7. # 打包
  8. npm run build
  9. # 进入打包目录
  10. cd dist
  11. tar -zcvf pc-web.tar.gz ./*
  12. cd ..
  13. mkdir -p docker
  14. mv dist/pc-web.tar.gz docker/
  15. cp -r Dockerfile docker/
  16. cd docker
  17. docker build -t pc-web:latest .

dirname $0: 当前项目根路径
tar -zcvf pc-web.tar.gz ./* 压缩项目pc-web，带gz标志的
sudo docker build -t pc-web:latest . 执行Dockerfile脚本

Dockerfile脚本

image.png

  1. # 基础镜像
  2. FROM nginx:1.17.3
  3. # 解压并复制到nginx挂载目录
  4. ADD pc-web.tar.gz /usr/share/nginx/html

执行脚本，构建镜像

  1. sh build.sh