Jenkins+git+nodejs构建Vue项目任务

前言

Jenkins的安装下载可以参考本专栏其他文章，在讲解之前，先准备nodejs环境，如果服务器上已经安装了，就跳过第一个步骤。

安装nodejs环境

官网下载

• 上传
  上传安装包到服务器/usr/local/nodejs

• 解压

  xz -d node-v16.15.0-linux-x64.tar.xz
  
  tar -xvf  node-v16.15.0-linux-x64.tar
  

• 重命名文件夹名称

  mv node-v16.15.0-linux-x64 node16
  

• 配置环境变量

  vim /etc/profile
  

  添加内容如下：

  export NODE_HOME=/usr/local/nodejs/node16
  export PATH=${NODE_HOME}/bin:${PATH}
  

  source /etc/profile
  node -v
  

  

• 安装cnpm

  npm install -g cnpm --registry=https://registry.npm.taobao.org
  

  cnpm -v
  

  至此，nodejs安装成功。

Jenkins配置并构建

全局nodejs配置

构建

cd /var/lib/jenkins/workspace/vue_demo
npm install
cnpm run build
chmod 777 -R dist
rm -rf /mydata/nginx/html/*
mv dist/* /mydata/nginx/html

至此从拉取代码至最后部署成功的一键构建就完成了。

报错

1、node版本的问题，node跟安装环境的冲突，比如node-sass；
2、linux中路径权限的问题，但凡出现permission字眼或者复制剪切文件失败的，大多数因为权限问题。