1:安裝好Jenkins環(huán)境和linux的node環(huán)境
2:創(chuàng)建一個任務(wù)
選擇自由風(fēng)格軟件任務(wù)
1.png
3:選擇參數(shù)化構(gòu)建過程
選擇字符參數(shù) 定義變量
定義outputDir名稱 build明參數(shù)(npm run test ${actName})vue.config.js接收 詳情做法見
http://www.reibang.com/p/cbe584356ede的第“14:獲取命令行參數(shù)(根據(jù)命令行參數(shù) 決定打包名)”
2.png
4:源碼管理選擇git
填寫git地址
3.png
5:填寫構(gòu)建環(huán)境
4.png
6:構(gòu)建命令執(zhí)行shell
分階段執(zhí)行 下載依賴包-build打包-壓縮文件
image.png
#${actName}使用第三步定義的參數(shù)
cd /home/packaged-server/jenkins-root/workspace/vue
node -v #檢測node版本(此條命令非必要)
npm -v #檢測npm版本(此條命令非必要)
npm install --unsafe-perm=true --allow-root #安裝項目中的依賴
rm -rf ${actName}.tar.gz
npm run test ${actName} #打包
echo "---打包成功----"
echo "---開始壓縮----"
tar -zcvf ${actName}.tar.gz ${actName}
7:傳到遠(yuǎn)程服務(wù)器
6.png
cd /usr/share/nginx/html
tar zxvf ${actName}.tar.gz
rm -rf ${actName}.tar.gz