前台模块化RequireJS+anjularJS的实战应用(三)---- 部署到手机

       APP开发最终生成apk安装包,安装到手机就可以应用了,但生成apk前,进行一步js的优化操作:使用r.js进行压缩合并。

       

       r.js可以直接从官网上下载,放入到自己项目文件夹下,小编尝试了一下,进入官网以后看到的r.js是以文本的形式存在于页面上的。


      压缩过程:

       1. 在ionic中使用cd命令链接到自己的项目文件夹下(注意,该目录必须是r.js所在的文件目录下)


       2. 在ionic中输入:node r.js -o baseUrl=. name=app out=appbuild.js optimize=none

       解释:baseUrl指定输出路径,点代表本目录下,即r.js所在文件目录下;name指定要压缩的js文件,我的项目中app集合了各个js模块;out指定输出的js文件名称;optimize指是否进行压缩,none不进行压缩(不写的情况下默认是压缩)


       小编在实践过程中只是进行了合并,没有进行压缩,有些动态js是不支持压缩的。

 

       完成上面的合并过程,js的数量大幅度减少,这样app的请求数量减少。手机端不像电脑端,受网络带宽的限制,当然是请求的数据越少越好,这样就要求我们把多余的字段全部去掉,请求数量能少则少。


       android部署要安装SDK和JDK,并配置环境变量,安装过程就不再赘述。ioinc支持ios和android两个平台,首先我们要在项目中生成开发平台,cd命令转移到开发目录下:

      ionic platform add android  
      ionic platform add ios


       在手机端调试,用电脑连接上手机,开启sub模式,输入命令:

      ionic run android 

       生成apk,输入命令:

       

    ionic build android -release 

       注意:在自己生成apk的项目中不能出现中文,小编就因为在项目的一张图片中使用了中文,即便这张图片没有使用到,同样无法生成成功。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值