npm/vue項目自動部署腳本

1. 前提

1. 安裝npm環境
2. 發佈的都是靜態文件，需要用到nginx或者需要放到項目中

2. 說明

1. 首先通過Git更新本地的文件
2. 通過npm編譯項目
3. 清除發佈目錄的舊文件
4. 將編譯好的文件複製到生產目錄

3. 腳本文件

#! /bin/bash

##總說明
##編譯該項目併發布到指定目錄下
##運行改腳本請使用 sh -x build_prod.sh 或者 ./build_prod.sh
##如果出現權限不夠 請使用 chmod +x build_prod.sh

d=`date "+%Y-%m-%d %H:%M:%S"`
st=`date -d "${d}" +%s`
echo "--------------------當前日期:${d}--------------------"

echo "--------------------拉取項目--------------------"
git pull origin master
echo "--------------------拉取項目完成...--------------------"

dist="/first/application/projects/collapse-view/dist/*"
echo "--------------------源碼目錄:${dist}"

product="/first/application/ui/collapse-view"
echo "--------------------生產目錄:${product}"

#編譯項目
d=`date "+%Y-%m-%d %H:%M:%S"`
echo "--------------------開始編譯項目-${d}----------------------"
npm run build:prod
d=`date "+%Y-%m-%d %H:%M:%S"`
echo "--------------------編譯項目完成-${d}----------------------"


#清空發佈目錄的文件
echo "--------------------開始清除發佈目錄文件--------------------"
cd ${product}
for file in ${product}/*; do
  fileName=${file#*.}
  echo "-------------------->刪除:${fileName}"
  rm -rf ${fileName}
done
echo "--------------------清除發佈目錄文件完成--------------------"

echo "--------------------複製文件--------------------"
#複製編譯好的文件到發佈目錄
cp -rf ${dist} ${product}

d=`date "+%Y-%m-%d %H:%M:%S"`
##計算耗時
ed=`date -d "${d}" +%s`
tt=$[ed-st]
fen=0
second=${tt}
if((tt>60));then
  fen=$[tt/60]
  second=$((tt%60))
fi

echo "--------------------完成:${d}--------------------"
echo "--------------------耗時:${fen}分${second}秒--------------------"