1. 程式人生 > 其它 >jenkins部署vue專案

jenkins部署vue專案

jenkins部署vue專案

安裝nodejs

配置nodejs的源,去官網檢視需要安裝的版本和介紹

V8.x:

# curl --silent --location https://rpm.nodesource.com/setup_8.x | bash -

yum安裝node.js

yum install -y nodejs

node -v

安裝ngin

需要新增nginx的源

rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
yum install -y nginx

nginx -v

jenkins安裝

作者的安裝方法,一般安裝它推薦的外掛就夠用了。

構建環境

如果是已經在全域性環境裡面配置了則可忽略

執行shell

在執行指令碼前需要在nginx裡面配置好nginx.config

cd /root/.jenkins/workspace/vue_demo #切換到專案目錄
npm install 
npm run build #打包專案
cd dist #切換到打包好的目錄資料夾
rm -rf vue_demo.tar.gz #刪除上次打包生成的壓縮檔案
tar -zcvf vue_demo.tar.gz * 
cp vue_demo.tar.gz /web/vueDemo #複製打包好的包的指定目錄
cd 
/web/vueDemo tar -xzvf vue_demo.tar.gz # 解壓
cd /nginx/sbin
cd ./nginx -s restart #重啟nginx