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/

　　

　　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 大功告成！