ionic2 懶加載項目

項目之前沒用懶加載,剛開始做項目也沒多少經驗吧,現在出現了一個比較難的問題就是分享鏈接的問題,因為是微信商城而且要帶個人的標志,只好修改代碼,添加懶加載。

1.修改app.module.ts 刪除里面所有的pages引入,

只留import { MyApp } from './app.component';

將注冊組件,導出組件只留MyApp 其他的像自己的一些providers可以保留

修改app.component.ts里面的

rootPage:any = TabsPage;給TabsPage加引號使用字符串形式

2.給每個page添加XX.module.ts

里面引入的東西可以查看http://ionicframework.com/docs/3.0.1/api/IonicPageModule/

之后給給個page 的XX.ts里面添加裝飾器

@IonicPage({})

里面的配置具體可看http://ionicframework.com/docs/3.0.1/api/navigation/IonicPage/

3.修改所有的NavController.push()方法里面的引入組件名添加引號使用字符串形式

4.引入的插件放在所需page里面的XX.module.ts里面進行引入

5.ionic serve

編譯后在www目錄里面build目錄里面生成按順序的0.main.js ,0.main.js .map

此時懶加載就可以用 而且頁面的url也會變成http://localhost:8100/#/tabs/%E5%88%86%E7%B1%BB/details

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,176評論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現,斷路器,智...
    卡卡羅2017閱讀 136,644評論 19 139
  • 本文使用Ionic2從頭建立一個簡單的Todo應用,讓用戶可以做以下事情: 查看todo列表 添加新的todo項 ...
    孫亖閱讀 8,667評論 13 29
  • Ionic是一個基于Angular2的開發(fā)手機web app的框架,它包含了一整套手機端的樣式組件,和一系列的功能...
    王兆龍閱讀 1,296評論 1 1
  • 最幸福的就是我了,我現在發(fā)現自己越來越會買東西了,給孩子買的褲子鞋子量都不用量買回來相當合身,給老公買的羊絨衫,純...
    那一年的初夏閱讀 170評論 0 0

友情鏈接更多精彩內容