栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

Jenkins部署VUE项目及注意事项

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Jenkins部署VUE项目及注意事项

安装部署Jenkins,网上很多教程,不做记录。

一,安装nodejs插件,插件管理--安装NodeJs插件

二,安装NodeJS 全局工具配置--NodeJS

这里第一次版本选太高,打包失败,后来发现是版本与npm版本冲突。

三,创建项目

新建任务,构建一个自由风格的软件项目

 点击确定后,进入项目配置

 这里根据实际情况选择,为了节省空间,我选择只保留最后一次构建记录

 这里写上自己的源码地址。

这里不用选择 

这里选择刚安装的nodejs工具,其他不用改 

 

构建--选择执行shell 

#npm i --legacy-peer-deps #绕过peerDependency自动安装
npm install --registry=https://registry.npm.taobao.org #选择淘宝源
npm run build:stage
cd dist/
rm -rf test-vue.tar.gz #删除上次打包生成的压缩文件
tar -zcvf test-vue.tar.gz *  #将生成的项目打包方便传输远程服务器
cd ../

 npm i --legacy-peer-deps这个在打包失败的情况下可以加上试试。一开始本地可以打包,线上不行,加上这个绕过检测后可以打包。后来发现是vue项目中有导入不存在的包,导致打包失败,修改后不需要绕过peerDependency也可以成功。

 构建后操作

cd /var/lib/jenkins/workspace/yuruan-vue/dist #进入到jenkins的打包目录
cp test-vue.tar.gz  /usr/local/manage-vue/dist #将文件拷贝到服务器中的目标文件夹
cd /usr/local/manage-vue/dist #进入到目标文件夹
tar -zxvf test-vue.tar.gz #解压项目包
rm -rf test-vue.tar.gz #删除压缩文件

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/828241.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号