自动化构建平台（八）使用Jenkins+Gitblit/Gitlab构建Vue项目并生成镜像推送到Harbor/Nexus

流年五十前

于 2024-03-19 06:15:00 发布

阅读量379

点赞数 7

CC 4.0 BY-SA版权

分类专栏：自动化构建(CI/CD) 文章标签：自动化 jenkins gitlab maven springboot vue.js 运维

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/txhlxy/article/details/136427567

自动化构建(CI/CD) 专栏收录该内容

11 篇文章 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何通过Jenkins自动化构建Vue项目，包括配置Node.js和Yarn环境，将Vue项目转换为Maven项目进行构建，以及构建后生成Docker镜像并推送到Harbor或Nexus私有库的详细步骤。

文章目录

前言
一、准备项目
二、Jenkins配置nodejs环境
三、Jenkins配置安装yarn
四、将Vue项目改造成maven项目来构建
五、利用maven项目来编译Vue项目
六、利用Jenkins多配置来编译Vue项目
总结

前言

在上一节中，我们使用Jenkins来构建了一个springboot项目，并将项目生成docker镜像推送到我们自己搭建的私有库。

今天给大家介绍如何通过Jenkins来构建Vue项目，构建Vue项目的方式有多种，今天主要给大家介绍两种。

一、准备项目

首先我们还是需要在代码仓库里，创建一个项目
在这里插入图片描述
然后我们准备一些代码，在本地保证编译通过，运行下面命令：

npm install

然后打包：

npm run build

保证本地编译没有任何问题，然后提交代码到仓库。

二、Jenkins配置nodejs环境

要编译Vue项目，请确保在Jenkins系统中是否已经安装了nodejs环境

了解本专栏

超级会员免费看

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

流年五十前 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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