1.增加前端啟動命令
為什么要加上前端的啟動命令呢裳擎？
我們分析一下：前端代碼改動后我們會進(jìn)行下面幾步操作：
- git pull 拉取最新代碼
- yarn build或者npm run build涎永，進(jìn)行打包
- 停止原來的nginx容器，啟動新的nginx容器（除了第一次啟動時(shí)外鹿响，非必須）
git pull
yarn --registry=https://registry.npm.taobao.org/ && yarn build
#刪除容器
docker rm -f demo1 &> /dev/null
#啟動容器
docker run -d --restart=on-failure:5\
-p 8080:80 \
-v $PWD/dist:/usr/share/nginx/html \
--name demo1 nginx
這樣的話 我們可以將這些操作合并在一個(gè)sh文件(linux中的)中羡微，以后可能會有更多的命令，都可以放在一起
2.根目錄新增文件start.sh惶我，如圖妈倔，內(nèi)容見上方
image.png
并隨意修改App.vue，使其待會可以判斷重啟成功
image.png
3.提交代碼到git后指孤，服務(wù)器git pull拉下來最新代碼
image.png
4. 執(zhí)行啟動腳本
$ sh start.sh
image.png
打開頁面 即可看到頁面發(fā)生了變化
image.png
end
這里簡單實(shí)用了linux中的sh腳本代替我們頻繁重啟中額外的操作
