Jenkins gitlab vue,angular,react 自動化構建【原】


大致思路,(本篇主要講vue ,當然了 angular react 也是一樣配置) ,轉發請注明原鏈接,謝謝 :)

1. 服務器上面配置jenkins (安裝配置,不介紹)

2.新建item 自由風格

3.服務器上裝vue打包環境  nodejs  cnpm(全局環境變量配置)

4.執行打包命令 打包成功后將目錄dist下所有文件拷貝至 web目錄下

  cnpm install
  npm run build
  rm -rf /data/code/h5/*
  cp /root/.jenkins/workspace/smart-counselor-h5/dist/index.html /data/code/h5/
  cp -r /root/.jenkins/workspace/smart-counselor-h5/dist/static /data/code/h5/
  chmod -R 755 /data/code/h5

——————————————————————————————————————————

一、安裝nodejs

  1.https://nodejs.org/en/

  

  liux終端中下載 

   # wget https://nodejs.org/dist/v8.11.3/node-v8.11.3-linux-x86.tar.xz

  2.下載文件后 上傳到服務器 解壓,然后建立軟連接變為全局 ,類似於  windows 配置環境變量

    1)解壓上傳(解壓后的文件我這邊將名字改為了node,這個地方自己隨意,只要在建立軟連接的時候寫正確就可以)

        ① tar -xvf   node-v6.10.0-linux-x64.tar.xz   

        ② mv node-v6.10.0-linux-x64  node 

        ③確認一下node下bin目錄是否有node 和npm文件,如果有執行軟連接,如果沒有重新下載執行上邊步驟;

     ④安裝cnpm 淘寶鏡像,因為vue(angular,react)  npm 需要下載依賴包,外網的原因,需要配置cnpm

    2)建立軟連接,變為全局(app/software 是我本地地址,安裝時需要填寫自己路徑地址)

       ①ln -s /app/software/node/bin/npm /usr/local/bin/ 

       ②ln -s /app/software/node/bin/node /usr/local/bin/

       ③ln -s /app/software/node/bin/cnpm /usr/local/bin/

    3)最后一步檢驗nodejs是否已變為全局,成功會彈出 版本號

      npm -v

      node -v

      cnpm -v 

 

二、新建jenkins項目

     1.

 

 

 

 

 

 

 

ok 大功告成!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM