ionic2 懒加载项目

Posted 2020-09-28 红鲤鱼与绿鲤鱼

项目之前没用懒加载，刚开始做项目也没多少经验吧，现在出现了一个比较难的问题就是分享链接的问题，因为是微信商城而且要带个人的标志，只好修改代码，添加懒加载。

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