天天看點

Jenkins自動化部署vue項目

一、建立工程

Jenkins自動化部署vue項目

 二、General設定

Jenkins自動化部署vue項目

 三、源碼管理

Jenkins自動化部署vue項目

 搞到這一步就可以建立建構任務了,如果新手先可以建構驗證下,我是不想驗證

四、寫shell腳本

Jenkins自動化部署vue項目
Jenkins自動化部署vue項目

 腳本如下:

#!/bin/bash

#下載下傳工作區npm包

npm install

#删除dist目錄下的所有檔案,dist目錄即為目前jenkins工作區打包後的檔案。

rm -rf ./dist/*

#執行打包指令

npm run build

#删除伺服器上/root/ghyExploit/vue/saltpan/目錄下的所有檔案/root/ghyExploit/vue/saltpan/ 為伺服器項目放置位置

rm -rf /root/ghyExploit/vue/saltpan/*

#把目前建構工作區dist目錄裡的檔案 copy 到伺服器/root/ghyExploit/vue/saltpan 檔案夾下

cp -rf ./dist/* /root/ghyExploit/vue/saltpan

搞到這裡執行腳本後編譯後的檔案就會生成到我們指定位置了;

Jenkins自動化部署vue項目

這短短的一生我們最終都會失去,不妨大膽一點,愛一個人,攀一座山,追一個夢

繼續閱讀