详解jenkins自动化部署vue
程序员文章站
2023-12-04 16:48:04
一、nodejs配置
首先加入nodejs插件
–>–>
在配置里面配置这个插件
–>
这样我们就能在自动构建发布的配...
一、nodejs配置
首先加入nodejs插件
–>–>
在配置里面配置这个插件
–>
这样我们就能在自动构建发布的配置里看到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的配置如下
–>
三、遇到的问题
①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)
install: `node install.js
这里我们在上面的构建中已经有体现,加上如下命令
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
以上所述是小编给大家介绍的jenkins自动化部署vue详解整合,希望对大家有所帮助
上一篇: Html5之svg可缩放矢量图形_动力节点Java学院整理
下一篇: java中关于内部类的使用详解
推荐阅读
-
Vue+Django项目部署详解
-
详解vue通过NGINX部署在子目录或者二级目录实践
-
详解Vue项目部署遇到的问题及解决方案
-
详解Vue-cli webpack移动端自动化构建rem问题
-
详解Vue项目编译后部署在非网站根目录的解决方案
-
Linux下自动化部署ASP.NET CORE 3.1(Docker+Jenkins+Nginx)
-
详解Linux下自动化部署工具Puppet 的注册方式与常用命令
-
Vue项目webpack打包部署到服务器的实例详解
-
vue项目打包部署_nginx代理访问方法详解
-
Centos7+Docker+Jenkins+ASP.NET Core 2.0自动化发布与部署的实现