jenkins自动发版vue前端笔记

之前总结了一个jenkins自动发版java后端的文章了,发版前端也同理,变化不大,简要总结一下。

1.拉取项目后执行的命令

a 复制代码
npm i
npm run build

这个就需要jenkins服务器装好nodejs,能够在项目当前路径执行打包命令就行。

2.jenkins配置文件推送到目标服务器

前端发版,打好包后放到服务器指定路径下就可以了;

Source files,是dist/**,表示当前路径下dist文件夹里的所有文件;

Remove prefix,是dist,表示推送到目标服务器时,不要带dist文件夹本身;(这样推送的才是**,不然就会把 dist/**一起推过去)

Remote directory,是/home/web/website表示,推送到目标服务器的这个地方。

3.打包遇到的坑

npm run build打包时,出现了windows本地打包成功,但是jenkins打包失败的问题。

首先以为是nodejs版本问题,本地和服务器不统一;

后来发现,是因为package.json里使用了:

a 复制代码
"build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",    

其中,这个SET方法是windows设置环境变量的方法,到linux系统就会报错(linux应该是export);

正确方法是换成:

a 复制代码
"build": "cross-env NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",

并且用npm i安装下:

a 复制代码
npm i cross-env
相关推荐
卷帘依旧7 小时前
useImperativeHandle的作用
前端
卷帘依旧7 小时前
Hooks在Fiber上的存储原理
前端
you45807 小时前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
兄台の请冷静7 小时前
Linux 安装es
linux·elasticsearch·jenkins
xiaofeichaichai7 小时前
虚拟 DOM
前端·javascript·vue.js
2401_878454538 小时前
前端高频得手写题
前端
初一初十8 小时前
vue3实现的纯前端护肤品商城网站
前端·javascript·vue.js·前端框架
卷帘依旧8 小时前
React状态管理方案怎么选
前端
zeqinjie8 小时前
Flutter 折叠屏 iPad / 宽屏适配实践
android·前端·flutter
小村儿8 小时前
连载13- 内部Tools,Claude Code 怎么真正"动"你的代码
前端·后端·ai编程