温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

详解jenkins自动化部署vue

发布时间:2020-08-26 10:55:32 来源:脚本之家 阅读:487 作者:jonsonler 栏目:web开发

一、nodejs配置

首先加入nodejs插件
详解jenkins自动化部署vue–>详解jenkins自动化部署vue–>

详解jenkins自动化部署vue 

在配置里面配置这个插件
详解jenkins自动化部署vue–>

详解jenkins自动化部署vue
这样我们就能在自动构建发布的配置里看到nodejs的编译选项了
详解jenkins自动化部署vue

二、发布配置

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

详解jenkins自动化部署vue

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

详解jenkins自动化部署vue 

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

详解jenkins自动化部署vue

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

详解jenkins自动化部署vue

详解jenkins自动化部署vue

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 ../

详解jenkins自动化部署vue

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的配置如下

详解jenkins自动化部署vue–>

详解jenkins自动化部署vue

三、遇到的问题

①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
详解jenkins自动化部署vue

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

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

以上所述是小编给大家介绍的jenkins自动化部署vue详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对亿速云网站的支持!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI