[Angular实战网易云]——2、构建目录

虽菜但瘾

于 2020-09-16 22:36:04 发布

阅读量368

点赞数 1

分类专栏： Angular网易云文章标签： angular2

本文链接：https://blog.youkuaiyun.com/sungoodluck666/article/details/108630607

版权

本文介绍如何在Angular项目中构建模块化的目录结构，通过创建不同的功能模块如core、share、pages和services，降低耦合度，提高代码可读性和可维护性。详细讨论了core.module.ts中的一层逻辑，以及@SkipSelf和@Optional装饰器的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

构建目录

使用过angular，就会知道什么是模块化，顾名思义，就是把整体分割成能够单独运行的一个各模块，这样做的好处有很多，比如实现逻辑更清晰、可读性强、团队开发分工明确,容易控制、充分利用可以重用代码、抽象出可公用的模块,可维护性强、模块化的遗留系统方便组装开发新的相似系统等等。angular都有一个根模块用于调用整个项目，但是所有引用都放在根模块会对项目产生一定的代价，所以构建一个比较合理的目录，创建子模块来分担跟根模块的负载是很重要的。

一、创建文件夹

在app路径下执行以下代码来创建模块

ng g m core
ng g m share
ng g m pages
ng g m services

创建完成之后就会有这样的结构：

二、功能模块

app.modult.ts

@NgModule({
   
  declarations: [AppComponent],
  imports: [CoreModule],
  bootstrap: [AppComponent],
})
export class

最低0.47元/天解锁文章