Jenkins自动构建ionic项目

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Sunny5319/article/details/82055597

1.源码管理:

从这里拉去svn上最新版本的代码,@HEAD代表拉去最新版本的代码

 2.构建

#!/bin/sh -l
 #npm install  --unsafe-perm
 rm -rf node_modules/@types/jquery
 rm -rf node_modules/@types/node
 
#ionic build --base-href ./
find /var/lib/jenkins/workspace/ExcellentIntegral_Front_prod/src -type f -path "*"|xargs sed -i 's/192.168.22.126/dmsdbj.com/g'
find /var/lib/jenkins/workspace/ExcellentIntegral_Front_prod/src -type f -path "*"|xargs sed -i 's/192.168.22.52/dmsdbj.com/g'

ionic build --prod
rm -rf src

脚本解释:

#!/bin/sh –l  

------shell脚本的开头,没有特殊作用,但是必须填写

 

rm -rf node_modules/@types/jquery

rm -rf node_modules/@types/node

-----这里是因为抽奖的那里引入了jQuery,和svn中node包重复,所以需要删除这两个包

 

find /var/lib/jenkins/workspace/ExcellentIntegral_Front_prod/src -type f -path "*"|xargs sed -i 's/192.168.22.126/dmsdbj.com/g'

find /var/lib/jenkins/workspace/ExcellentIntegral_Front_prod/src -type f -path "*"|xargs sed -i 's/192.168.22.52/dmsdbj.com/g'

------这里是查找替换的作用,因为svn中的代码链接后端写的都是dev环境的,但是生产环境中做了外网映射,所以需要查找src文件下所有的地址,将其替换成dmsdbj.com,基本用法,使用即可

ionic build –prod

--使用生产环境打包可以让打出来的www文件体积较小,访问较快

但是如果打包时报错如下的话:(这里的意思是page页面被声明多次)

解决方案如下:

参考资料:http://www.ionic.wang/article-index-id-117.html

1.将pages目录里面所有.module.ts文件中declare里面的*page删除或者注释

2. 找到对应的pages目录里面的所有组件  删掉里面的  @IonicPage()

此时用生产方式打包即可

rm -rf src

为了确保我们Jenkins构建后的代码都是svn上最新的,每次构建的最后把src在Jenkins服务器上删除

 

3.构建后操作

工程构建成功或者失败将会给该用户发送相应邮件

Source files代表的是源文件,remove prefix代表的是需要移除的文件,remote directory代表的是要把文件放到的地方。

这里的意思是我们需要的文件时www中的文件,不需要www这个文件夹,所以我们需要把www文件移除,如果不移除的话就会将www文件一起移动到mobile中,所以进行了如上操作!

在Jenkins构建好的文件需要放到Nginx我们前端才可以访问,所以在Jenkins上进行如下操作,我们就可以访问发布的前端了!

具体如何发布到Nginx上的,且听小编下次分享!

 

 

猜你喜欢

转载自blog.csdn.net/Sunny5319/article/details/82055597