欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

详解jenkins自动化部署vue

时间:2020-10-01 15:46:55|栏目:vue|点击:

一、nodejs配置

首先加入nodejs插件
?C>?C>

 

在配置里面配置这个插件
?C>


这样我们就能在自动构建发布的配置里看到nodejs的编译选项了

二、发布配置

首先新建一个自由风格的项目

然后配置构建保留天数和参数化构建
这里选择在svn上的资源,配置好访问的用户信息

 

这样我们在构建的时候能看到项目的不同版本

接下来选择构建的数据源位置

echo $PATH
node -v
npm -v
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install
npm run build
cd dist
rm -rf vue-mall.tar.gz
tar -zcvf vue-mall.tar.gz *
cd ../

cd /usr/local/nginx/html
rm -rf mall
mkdir mall
tar -zxvf vue-mall.tar.gz -C mall/
rm -rf vue-mall.tar.gz

ssh server的配置如下

?C>

三、遇到的问题

①npm代理问题
在jenkins的服务器上设置npm config

#可以访问外网的代理ip地址和端口
npm config proxy=http://ip:port
npm config https-proxy=http://ip:port
#镜像选择淘宝的镜像
npm config set registry=http://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)

②chromedriver@2.37.0 install: `node install.js

这里我们在上面的构建中已经有体现,加上如下命令

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

上一篇:vue组件数据传递、父子组件数据获取,slot,router路由功能示例

栏    目:vue

下一篇:vue实现的微信机器人聊天功能案例【附源码下载】

本文标题:详解jenkins自动化部署vue

本文地址:http://www.codeinn.net/misctech/5654.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有