首页 > 代码库 > ionic2 懒加载项目

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.修改所有的
ModalController
方法里面的引入组件名添加引号使用字符串形式
5.引入的插件放在所需page里面的XX.module.ts里面进行引入
6.ionic serve
编译后在www目录里面build目录里面生成按顺序的0.main.js ,0.main.js .map 
此时懒加载就可以用 而且页面的url也会变成http://localhost:8100/#/tabs/%E5%88%86%E7%B1%BB/details
像这样的url
 

 

ionic2 懒加载项目