详解jenkins自动化部署vue

一、nodejs配置

成都创新互联公司是专业的焦作网站建设公司,焦作接单;提供网站设计制作、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行焦作网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

首先加入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详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!


分享名称:详解jenkins自动化部署vue
链接URL:http://bzwzjz.com/article/pscijo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站设计 成都网站建设 企业网站设计 成都网站建设 营销型网站建设 成都网站制作 高端定制网站设计 营销型网站建设 成都响应式网站建设 成都网站设计 成都网站建设 重庆手机网站建设 上市集团网站建设 网站制作 网站建设 做网站设计 成都品牌网站设计 成都商城网站制作 成都网站设计 重庆网站制作 响应式网站建设