Jenkins构建Vue项目

  1. 配置ssh
  2. Jenkins配置node环境
  3. Jenkins 新建Item工程

Jenkins构建Vue项目

配置ssh

安装插件Publish over SSH

jenkins

Jenkins配置node环境

  1. 在Jenkins插件中搜索NodeJS 进行安装
  2. 全局工具配置中指定node版本,也可以通过在Jenkins所属服务器中安装nodejs,然后在指定nodejs安装目录
    jenkins

Jenkins 新建Item工程

  1. 选择一个Freestyle project

  2. 源码管理配置git代码地址

  3. 构建环境勾选 Provide Node & npm bin/ folder to PATH

    • 选择配置的nodejs

    jenkins

  4. 构建配置shell命令

jenkins

echo $PATH
# 以下四行第一次构建成功后可以注释掉
#node -v
#npm -v
#npm config set registry http://registry.npm.taobao.org
#npm config get registry

rm -rf dist #删除上一次构建生成的文件夹

npm install     #安装依赖

npm run build   #构建完成后会在目录下创建dist 只需要将dist内的文件部署
cd dist

tar -zcvf vue.tar.gz ./* #压缩当前目录的所有文件
cd ../
  1. 构建后发送到服务器

    jenkins

echo '-------------start tar decompress-----------------'
cd /opt/vue
tar -zxvf  vue.tar.gz -C /opt/vue/elment/ # 可以解压到nginx下,重启nginx

rm -rf vue.tar.gz
echo '-------------success-----------------'