打包思想: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