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