jekins部署前端vue、react

服务器安装node

无论是vue、react还是angular，node环境都是必须的。
我们使用nvm来安装node

服务器安装yarn

因为前端的包管理工具，现在大都需要yarn支持，比如我接下来演示的项目。
当然如果你用的是npm，则可以忽略此步骤。

npm install -g yarn

jekins安装nodeJS插件

系统管理>插件管理>添加 添加后，记得重启生效

系统管理>全局工具配置>NodeJs>新增

记得给node安装目录一个权限，否则将会配置失败

chmod 777 /root

给jekins同步服务器的环境变量

方便使用服务器全局工具, 这样jekins创建的项目里可以直接使用服务器全局软件
系统管理>系统配置>全局属性>新增

这个配置项的值，就是服务器环境变量的值 输入以下命令，即可查看

[root@VM-24-8-centos ~]# echo $PATH
/root/.nvm/versions/node/v16.13.0/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/home/jdk1.8.0_141/bin:/root/bin

安装git

因为我们的项目在github，需要从git仓库上拉去，所以git工具是必须的。
一般项目都是在git，如果你的项目不在git也可以忽略此步骤。

yum install -y git

安装nginx

因为我需要把前端项目部署到nginx中

yum install nginx -y
systemctl start nginx

记得给nginx容器一个权限，否则后续mv操作会失败

chmod 777 /usr/share/nginx/html

创建一个项目

项目类型：构建一个自由风格的软件项目

源码管理：选择git，填写相关信息，地址、账号、分支

构建：选择执行shell

yarn
yarn build
rm -rf /usr/share/nginx/html/*
mv dist/* /usr/share/nginx/html/

立即构建

访问看效果

标签：bin,node,vue,jekins,yarn,react,nginx,git,usr
来源： https://www.cnblogs.com/dshvv/p/15552296.html