Ionic2实战——按模块划分app 创建多module

Posted 从前端开发到全栈

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic2实战——按模块划分app 创建多module相关的知识,希望对你有一定的参考价值。

http://www.jianshu.com/p/d94324b722af

背景

  • 用ionic2开发过一两个小功能的朋友都会发现,每新建一个页面都需要在\src\app\app.module.ts中添加页面对应的class
  • 当app页面很多时都会感觉比较乱,分不清哪跟哪.更让人接受不了的是当多人同时开发,经常修改app.module.ts,会经常造成代码冲突
  • 所以我们需要把页面按模块再细分

代码结构

  • 我的app按功能分了4个子模块,分别为contacthomeloginmine.具体代码结构如下图
    技术分享
    按模块划分创建多个子模块

代码详情

  • 如下图,以home.module.ts代码为例,注意不同颜色的标注
  • 新建的子module,记得要添加到总模块中
    技术分享
    home.module.ts

其他

    • 完整代码已上传到github




以上是关于Ionic2实战——按模块划分app 创建多module的主要内容,如果未能解决你的问题,请参考以下文章

ionic2+ 项目结构解析

Angular项目实战Angular5项目模块划分

创建自定义的 Angular 模块

干货分享腾讯出品Android插件化开发指南+项目实战(附源码)

每日一博 | 用 Ionic2 创建 App 启动页滑动欢迎界面

ionic2 左右滑动引导页