3-8 模块的划分
共享模块,公用的东西统一的导出。
比如这个就适合放在共享模块中。可能未来会被其他人都能用到的组件
都用到就是超过两个模块会用到。
一开始可能没有决定哪些东西懒加载。提高渲染的性能。在需要的时候加载对应的模块,这样的模块在改造加载的时候会非常的方便,而且项目大了以后,大家也不用都去修改根路由下的文件,而是去修改各自模块下的路由文件。这样分工比较明确。
实战
把我们项目构建的模块构建出来。从底部的tab来讲,是需要5个模块的。每一个tab是独立的模块。
从构成来讲它实际上还需要更多的东西。比如详情和订单它其实和我们的home这块关系并不大。
所以产品详情我们也会做成一个单独的模块。所以我们本课程模块可能会有6个,出了底部的5个tab。第六个就是详情模块了。
开始构建模块
ng g m :m就表示构建模块。
带--routing就表示会创建一个路由模块。
它会把CommonMudule自动导过来。CommonModule每个模块都需要。
创建推荐模块
创建分类
聊天模块。
我的
产品模块
创建共享模块,并不需要routing路由。
shared同样自动引入了CommonModule
我们把后面会用到的FormsModule也导入进来
再把这俩再导出出去。
根目录下的components文件夹,封装的组件。
把component文件夹托到shared文件夹内。
组件 的声明剪切到shared模块
也把它放在exports内导出,导出的时候可以是组件 也可以是module
导入
在根模块把sharedModule导入进来。
其他模块也分别导入一下
这里的CommonModule换成SharedModule
这样模块就划分完了
结束
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步