打包思想:ionic和angular混合开发app,那么纯angular1的项目也是可以打包出来。

技术需要:安装一个新的ionic2的项目,环境配置成功,这里打包的配置需要 http://www.cnblogs.com/changyaoself/p/8309739.html 及配置环境 http://www.cnblogs.com/changyaoself/p/6544082.html

项目结构必须:

  

  你的angular1的项目必须有index.html且在根目录下。

1.分析ionic2的工作和打包原理:

  

  www1文件夹是我们的angular1项目如下:

  

   这里不需要自己去创建,本人的目的只是把要打包的项目放到这里。resources文件目录是配置app logo和启动图片的。将目录下的android和ios文件删除,设置我们自己的图片。

   ionic2 工作原理:

    当ionic2 运行时,会自动打包成一个浏览器能够渲染的项目,这个项目就是www文件。

     而我们打包成app也就是把这个www项目打包成app。

   所以我们配置好resources文件,就配置好了logo和启动图片,然后运行ionic2 ,生成www项目,在把我们的项目覆盖到www项目中,基本打包思想完成。

2.操作:

  https://ionicframework.com/docs/注册一个账号,右上角一个 sign up

  

  new 一个app

  本地下载打开项目:点开你的app项目,按照操作执行:

  

 

    记得这里需要使用git命令行,需要下载安装git。因为会有账号认证。

    执行上面操作后,在webstrom或其他编辑器打开我们的项目。

    将resource文件目录下的android和ios文件删除。放入自己的icon.png 和splash.png进行替换,切记:icon.png 大小 1280*1280px     splash.png 2370*2370px;

    命令行自动配置各种适配的logo和启动图片:

    cordova platform add android

    再执行以下命令生成你需要的平台图片。

    

    执行:ionic serve 更新www文件。

    

    留下这三个文件,其他删除,把自己的项目覆盖过来:

    

    接下来正常打包:http://www.cnblogs.com/changyaoself/p/8309739.html

 

 

 

 

 

  

  

posted on 2018-01-23 15:37 changYao 阅读(...) 评论(...) 编辑 收藏