jenkins打包vue前端项目

最新推荐文章于 2024-04-14 14:00:19 发布
最新推荐文章于 2024-04-14 14:00:19 发布
阅读量2.1k 收藏 8
点赞数 2
文章标签： vue git jenkens
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lisongyue123/article/details/115479216
版权

一、环境

服务器上安装jenkins，docker和gitlab，本文的安装版本如下：
jenkins 2.286
docker 20.10.4
gitlab 13.0

二、打包

Vue项目的打包需要使用Node环境，Jenkins也是可以在插件中心安装NodeJs插件，安装插件操作如下：
1.进入插件管理
在这里插入图片描述
2.查找插件
搜索插件Nodejs，选择可选插件，最后install without restart
在这里插入图片描述
3.新建任务

最低0.47元/天 解锁文章
starlsy
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
k8s环境jenkins发布vue项目指定nodejs版本
山巅
02-28 1847
kubesphere 平台安装了jenkins ,基于Jenkins Kubernetes插件，自动化在Kubernetes中运行的Jenkins-slave代理的缩放。该插件为每个jenkins-slave代理创建Kubernetes Pod，并在每个构建后停止它。发布一个前端项目，它需要nodejs 16.9.0版本支持，而kubesphere 3.2.0集成的jenkins 的镜像只支持nodejs v10.16.3。发布vue项目需要以上镜像的支持，所以要改变nodejs的版本就需要改变该镜像。
jenkins 构建时动态生成版本号
workdsz的专栏
08-29 4626
本文介绍如何使用插件 Version Number Plugin  实现部署时自动生成版本号。 1.安装插件 Version Number Plugin 2.配置版本号生成规则，
Jenkins配置前端自动打包部署（若依项目）
最新发布
weixin_45875259的博客
04-14 1009
前提说明：三台服务器： gitlab 一台 jenkins一台 项目服务器。
vue怎么获取package.json中的版本号
weixin_52335582的博客
08-25 6925
vue怎么获取package.json中的版本号
【项目部署】使用Jenkins一键打包部署前端Vue应用
Java升级之路的博客
10-13 1561
嗨，大家好，我是希留，一个被迫致力于全栈开发的老菜鸟。上一篇文章我们讲到了使用Jenkins一键打包部署SpringBoot应用，这一次我们来讲下如何一键打包部署前端应用，以Vue前端应用为例。本文介绍了docker安装nginx，以及Jenkin配置node环境来打包部署前端应用。
Jenkins打包前端Vue项目
Amakusa的博客
08-03 508
如果还需要构建后发送到发布服务器，则需要配置Publish Over SSH来进行发送，但是我这里并不需要，所以就到此结束了。）这一代码管理仓库，所以需要在插件中安装Subversion Plug-in来使Jenkins支持SVN代码仓库。如果这一步安装不上，可以多尝试几次，也可以使用尝试魔法。在Jenkins中安装插件：NodeJS Plugin。因为前面已经配置好了Node环境，没有必要再安装。环境，需要注意Node.js的版本。由于我的环境使用到了SVN（创建一个自由风格项目。
【微服务部署】五、Jenkins+Docker一键打包部署NodeJS（Vue）项目的Docker镜像步骤详解
全栈程序猿的专栏
09-04 5567
维护者信息# 将生成的静态页面文件复制到nginx的/usr/share/nginx/html/目录# 容器启动时运行的命令"]
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
Docker结合Jenkins部署vue项目
01-20
Docker结合Jenkins部署vue项目 接上篇 Vue项目没什么好说的，在本地一般使用vue ui启动vue管理的前端，然后在里面进行启动 Vue官方说可以不通过ngin来部署，但是如果上生产环境，建议还是要走nginx 安装nginx 这里...
jenkins部署vue前端
10-18
jenkins部署vue前端
jenkins结合gitlab部署vue项目
11-25
jenkins结合gitlab部署vue项目，vue版本3，node 环境14.15.1，jdk1.8，windows环境，内容包括操作录屏和操作文档
前端vue项目jenkins配置文档.pdf
05-17
vue jenkins 配置 图文解析
Jenkins权限配置和构建VUE项目
weixin_39555954的博客
08-05 2129
Jenkins权限配置和构建VUE项目
jenkins vue 打包特别慢_Jenkins | 一键打包部署Vue前端应用
weixin_39762001的博客
12-22 480
一、前言1、本文主要内容将在项目中实际使用到的相关东西整理记录一波，同时可以方便其他同学在使用到的时候参考一下(自己也备忘)，有不对的地方，欢迎指出~~记录下如何使用Jenkins自动打包、部署Vue前端应用(对于所有前后端分离的前端静态项目都通用)3、本篇环境信息服务器操作系统硬件配置IP说明CentOS 74C16G10.133.28.54部署JenkinsJenkins版本Jenkins安装...
jenkins部署vue项目
Mr_linjw的专栏
02-04 537
安装插件 NodeJS、Publish Over SSH （下图为安装教程）这三个插件都这么安装。接下来添加凭证（这里我认为的是添加全局账号密码例如服务器账号、git账号密码）部署时候用。设置好 勾选自动安装然后应用=》保存（听说不要选择18版本的node）这里步骤是 把你的代码构建成文件并且压缩下一步应该发到你的服务器。下面源码管理的地方需要将你默认的分支换为${上面起的名称}部署指定分支（后面我会下载插件选择部署指定分支或标签）输入git地址并且选择配置好的git账号密码。
Jenkins配置后端服务、前端自动打包部署
bug小能手的博客
07-19 2980
1.初始化 1.访问jenkins页面 http://ip:port/perfix/ 2.输入管理员初始密码，创建新账号。 3.安装推荐插件。 2.安装插件 首页-“系统管理”-“系统配置”-“插件管理”-“可选插件” 搜索 “publish over ssh” 点击“Download now and install after restart” 按步骤安装以下插件: 1.Publish Over SSH 2. 3.在jenkins所在的服务器安装中间件 git、maven、node 3.1git 3
jenkins自动化部署vue
热门推荐
Jeffery的博客
08-01 5万+
一、nodejs配置 首先加入nodejs插件 –>–> 在配置里面配置这个插件 –> 这样我们就能在自动构建发布的配置里看到nodejs的编译选项了 二、发布配置 首先新建一个自由风格的项目 然后配置构建保留天数和参数化构建 这里选择在svn上的资源，配置好访问的用户信息 这样我们在构建的时候能看到项目的不同版本 接下来选择构建的数据源...
Jenkins自动化构建vue项目然后发布到远程服务器
安树的博客
10-31 2万+
一、请确保当前服务器安装了docker和jenkins，没安装的请看《在centos7系统安装docker及用docker安装jenkins》 （jenkins里面的目录路径为/var/jenkins_home相当于之前安装系统里面的/home/var/jenkins/） 二、jenkins相关插件的安装 1、安装Publish Over SSH插件用于SSH连接远程的服务器。      ...
docker jenkins ngnix vue
08-29
Docker是一个开源的容器化平台，可以通过容器化技术将应用程序及其依赖项打包成一个可移植的容器。它提供了一个轻量级、可隔离的运行环境，使得应用程序可以在不同的环境中稳定地运行。Jenkins是一个用于构建、部署和自动化软件开发流程的开源工具。它可以与Docker结合使用，用于自动化构建和部署应用程序。Nginx是一个高性能的开源Web服务器，它可以被用作反向代理、负载均衡和静态文件服务器。Vue.js是一种用于构建用户界面的JavaScript框架，它可以与前端开发中的其他工具和库结合使用，以创建交互式的Web应用程序。 在使用Docker部署Jenkins时，需要先在主机B中安装Docker，并在主机A中安装Jenkins。可以参考提供的文章中的部署步骤来完成安装和配置。其中，Jenkins可以被安装在Docker容器中，可以参考另一篇文章中的部署步骤来实现。在这个过程中，可以配置全局变量以便在Jenkins构建过程中使用。 对于Nginx的部署，可以在构建脚本中新增相关内容，例如在build.sh文件中添加如下内容： ``` docker build -t erp_nginx . imageId=`docker images | grep erp_nginx | awk '{print $3}'` docker run -d --name erp_nginx -p 8035:80 ${imageId} ``` 这些命令将会使用Docker构建一个名为erp_nginx的镜像，并运行容器，将容器的80端口映射到主机的8035端口。 综上所述，通过使用Docker来部署Jenkins和Nginx，可以实现自动化构建和部署应用程序，并使用Vue.js等前端开发工具来创建交互式的Web应用程序。不同的工具和技术可以相互结合使用，以满足不同的需求和场景。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [jenkins+docker+nginx服务并访问vue项目](https://blog.csdn.net/weixin_39660224/article/details/88776655)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [docker+nginx+jenkins部署vue项目](https://blog.csdn.net/qq_45731111/article/details/115912895)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值