Angular 结构 - 最佳实践

分享于2023年05月08日 angular angular13 问答
【问题标题】:Angular structure - best practices (CoreModule)Angular 结构 - 最佳实践 (CoreModule)
【发布时间】:2023-05-07 06:10:01
【问题描述】:

我正在创建一个 Angular 项目。虽然我在 Angular 中有其他项目,但我想用一些更好的想法构建一个结构。我遇到了这些文章: 5 Tips & Best Practices to Organize your Angular Project & Angular project structure best practice

我的疑问是CoreModule 的目的是什么? 为什么要创建CoreModule,我可以直接把相关代码放在我的AppModule中(因为AppModule是唯一导入CoreModule的模块,代码不多)。

也欢迎任何其他关于良好做法的建议。

  • CoreModule 实践非常适合当您拥有具有多个复杂功能的大型代码库并打算将其用作其他横向项目的基础时。另一方面(这似乎是你的情况),如果你确信 100% 的代码库需求是静态的并且不会增长,那么真的没有必要

【解决方案1】:

好吧, CoreModule 包含我们的应用程序运行所需的所有内容。 CoreModule 通常包含基本布局,如页眉/页脚/导航和所有核心单例服务,如 auth ,将在整个应用程序中使用。

我们创建 CoreModule 之类的模块的原因是为了长期保持应用程序的清洁、可维护和可扩展性。

将应用程序划分为模块也可以提高应用程序的性能。

如果所有功能都写在 AppModule 中,当我们的应用程序增长时,它会变得缓慢且难以维护。

这里是一些关于最佳实践的文章的链接: https://medium.com/search?q=angular%20best%20practices

【讨论】: