Jenkins 自動構建node vue項目配置

* Jenkins 新建任務

輸入任務名稱，選擇建立一個自由風格的項目。

* 任務構建配置

做者用的是git，這裏用git作例子。

輸入項目的git地址，和用於登陸git帳號密碼。指定分支選擇你想構建的git分支。

勾選構建觸發器，用於git更新代碼後會自動推送到jenkins自動構建。
增長構建步驟選擇：Execute shell
輸入shell命令

npm install 
rm -rf ./dist/*
npm run build
rm -rf /usr/local/tomcat/webapps/website/*
cp -rf ./dist/* /usr/local/tomcat/webapps/website

點擊保存應用。而後回到主面板。
點擊項目進入到項目面板。點擊Build Now當即構建。

構建完成，可是左下角構建歷史爆紅說明構建失敗。點擊工做空間右側已經出現了項目，說明從git地址和用戶名帳號沒問題。

點擊左下角報錯列表後的下拉框選擇控制檯輸出看下錯誤日誌

找到錯誤，website不是目錄，說明咱們服務器上tomcat webapps下沒有這個文件。登陸服務器查看下。

果真沒有，咱們新建website文件夾。

mkdir website

回到Jenkins再次構建下。

構建成功，看下控制檯輸出。

從控制檯能夠看出文件已經被打包成功，而且已經放到tomcat下，進入tomcat下看看。

哈哈，這就是咱們想一想要的效果。
啓動tomcat訪問試試吧！ http://localhost:8080/website。

* 配置Git更新後自動構建

做者這裏用的是Github，gitlab同理。
登陸github上並選擇到項目倉庫。點擊設置。

選擇webhooks 並點擊add webhook

payload URL填寫：Jenkins服務器地址+端口號+/github-webhook。 點擊增長。配置完畢。當代碼提交後後會經過webhook告訴Jenkins過來拉取代碼自動構建。