【Linux】【Jenkins】前端node项目打包教程-Linux版

本次安装node版本:node16、node18+

jenkins详细安装教程


https://blog.csdn.net/Tm598035415/article/details/142916486

一、搭建node环境(16和18+的搭建方式天壤之别,请确认需要什么版本)

1、node16版本搭建(二选一)

参考:https://www.cnblogs.com/hongyi66/p/17296786.html

1.1、node安装

java 复制代码
sudo yum install epel-release
yum install nodejs 

node -v

1.2、npm安装

java 复制代码
sudo yum install npm --enablerepo=epel
sudo npm install -g express
sudo npm install -g express-generator

npm -v

1.3、npm设置

npm设置淘宝镜像

java 复制代码
npm config get registry
npm config set registry http://registry.npm.taobao.org/

2、node18、node20版本搭建(二选一)

官网地址:https://nodejs.p2hp.com/download/

选择所需版本

node-v18.20.4-linux-x64.tar.gz

2.1上传/usr/local/node

2.2、解压、修改名称

java 复制代码
tar -zxvf node-v18.20.4-linux-x64.tar.gz

mv node-v18.20.4-linux-x64 node-18

2.3、验证是否可以正常启动node

java 复制代码
cd /usr/local/node/node-18/bin/
node -v
异常解决方案

说明当系统的gcc、lib版本太低,无法执行

请参考文章:https://blog.csdn.net/Tm598035415/article/details/142938056

2.4、配置环境变量

java 复制代码
echo export NODEJS_HOME=/usr/local/node/node-18 >> /etc/profile
echo export PATH=$PATH:$NODEJS_HOME/bin >> /etc/profile
echo export NODEJS_PATH=$NODEJS_HOME/lib/node_modules >>/etc/profile


// 重新让profile生效
source /etc/profile

2.5、npm、pnpm设置

npm设置淘宝镜像

java 复制代码
npm config get registry
npm config set registry http://registry.npm.taobao.org/

pnpm配置

java 复制代码
npm install -g pnpm

yarn配置

java 复制代码
npm install yarn -g
yarn config set registry

2、安装git环境

yum一键安装

java 复制代码
sudo yum install git

验证安装,出现版本号,即安装成功

java 复制代码
git --version

3、jenkins-插件下载

3.1、进入jenkins-->系统管理

3.2、进入系统管理-->插件管理

3.3、下载插件(如果之前下载了,这里是搜索不到的,请直接去3.4)

java 复制代码
// 在搜索栏,下载以下两种插件
Publish Over SSH

3.4、确保插件启用成功

4、jenkins-git账号配置、服务器配置

4.1、git账号配置

进入凭证管理

选择添加凭证

保存git用户名、密码

4.2、服务器配置

进入到系统管理

搜索ssh service

进行服务器配置

5、项目流程配置

5.1 新建工程

选择 构建一个自由风格的软件项目

5.2 配置工程详情

5.1 空间存放配置

5.1 源码管理配置(1.0和4.1必须配置好)

5.1 构建前端项目打包(2.0需配置好)

来到Build Steps
增加构建步骤选择执行 shell

java 复制代码
rm -r ./dist.zip
pnpm i && pnpm  build && zip -r dist.zip dist && echo "打包完成"

5.2 构建完成进行上传(4.2需配置好)

来到Build Steps
增加构建步骤选择Send files or execute commands over SSH

6 踩坑点

6.1、no such file or directory, open

linux下严格区分大小写,请查看引用是否大小写不一致

java 复制代码
[36mvite v4.4.5 [32mbuilding for test...[36m[39m
transforming...
[32m✓[39m 285 modules transformed.
[32m✓ built in 4.38s[39m
[31m[vite:load-fallback] Could not load /src/utils/Storage (imported by src/store/modules/layoutSetting.ts): ENOENT: no such file or directory, open '/src/utils/Storage'[39m
[31merror during build:
Error: Could not load /src/utils/Storage (imported by src/store/modules/layoutSetting.ts): ENOENT: no such file or directory, open '/src/utils/Storage'[39m
 ELIFECYCLE  Command failed with exit code 1.
Build step 'Execute shell' marked build as failure
Finished: FAILURE

创作不易,感谢点赞
创作不易,感谢点赞
创作不易,感谢点赞
创作不易,感谢点赞
创作不易,感谢点赞
创作不易,感谢点赞

相关推荐
~甲壳虫1 分钟前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
Cwhat3 分钟前
前端性能优化2
前端
TeYiToKu9 分钟前
笔记整理—linux驱动开发部分(9)framebuffer驱动框架
linux·c语言·arm开发·驱动开发·笔记·嵌入式硬件·arm
dsywws12 分钟前
Linux学习笔记之时间日期和查找和解压缩指令
linux·笔记·学习
yeyuningzi20 分钟前
Debian 12环境里部署nginx步骤记录
linux·运维·服务器
上辈子杀猪这辈子学IT38 分钟前
【Zookeeper集群搭建】安装zookeeper、zookeeper集群配置、zookeeper启动与关闭、zookeeper的shell命令操作
linux·hadoop·zookeeper·centos·debian
minihuabei44 分钟前
linux centos 安装redis
linux·redis·centos
熊的猫1 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
瑶琴AI前端1 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
会发光的猪。1 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode