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