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 分钟前
若依——基于AI+若依框架的实战项目(实战篇(下))
java·前端·vue.js·elementui·aigc
冴羽yayujs11 分钟前
SvelteKit 最新中文文档教程(17)—— 仅服务端模块和快照
前端·javascript·vue.js·前端框架·react
木木黄木木23 分钟前
HTML5图片裁剪工具实现详解
前端·html·html5
念九_ysl25 分钟前
基数排序算法解析与TypeScript实现
前端·算法·typescript·排序算法
海石25 分钟前
vue2升级vue3踩坑——【依赖注入】可能成功了,但【依赖注入】成功了不太可能
前端·vue.js·响应式设计
uhakadotcom37 分钟前
Vite 与传统 Bundler(如 Webpack)在 Node.js 应用的性能对比
前端·javascript·面试
uhakadotcom1 小时前
Socket.IO 简明教程:实时通信的基础知识
前端·javascript·面试
机器视觉知识推荐、就业指导1 小时前
QML 批量创建模块 【Repeater】 组件详解
前端·c++·qml
lmryBC491 小时前
golang接口-interface
java·前端·golang