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字眼或者复制剪切文件失败的,大多数因为权限问题。

猜你喜欢

转载自blog.csdn.net/zwjzone/article/details/125199304