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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,008评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,308评论 19 139
  • 本文使用Ionic2从头建立一个简单的Todo应用,让用户可以做以下事情: 查看todo列表 添加新的todo项 ...
    孙亖阅读 12,710评论 13 29
  • Ionic是一个基于Angular2的开发手机web app的框架,它包含了一整套手机端的样式组件,和一系列的功能...
    王兆龙阅读 4,927评论 1 1
  • 最幸福的就是我了,我现在发现自己越来越会买东西了,给孩子买的裤子鞋子量都不用量买回来相当合身,给老公买的羊绒衫,纯...
    那一年的初夏阅读 923评论 0 0