Jenkins自动构建ionic项目

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上的，且听小编下次分享！