对于企业 Angular 16 项目来说,有助于长期扩展和可维护性的最佳文件夹结构是什么?

问题描述 投票:0回答:1

我即将启动一个相当重要的 Angular 项目,该项目将实现多个功能和模块。

我目前不确定要选择哪种最佳文件夹结构才能使项目具有高度可扩展性且易于长期维护。

我提供以下信息可能有助于定义最佳项目结构:该项目将由大约三个模块组成。其中两个模块应分别具有大约 3 个功能,而一个模块应具有大约 15 个功能。

对于我的小型项目,我通常使用以下结构:

└───src
    ├───app
    │   ├───modules
    │   │   ├───module1
    │   │   │   ├───components
    │   │   │   ├───models
    │   │   │   ├───services
    │   │   │   ├───helpers
    │   │   ├───module2
    │   │   │   ├───components
    │   │   │   ├───models
    │   │   │   ├───services
    │   │   │   ├───helpers
    │   │   ├───module3
    │   │   │   ├───components
    │   │   │   ├───models
    │   │   │   ├───services
    │   │   │   ├───helpers
    │   │   ├───...
    │   │   
    │   ├───shared
    │   │   ├───components
    │   │   ├───modules
    │   │   ├───interceptors
    │   │   ├───services
    │   │   ├───enums
    │   │   ├───...

我正在考虑是否像以前那样按模块构建文件夹。不过,我也遇到过按功能构建文件夹的建议。鉴于我的项目可能具有大量功能,我不确定是否应该选择第二个选项或探索替代解决方案。

我非常感谢您的推荐或建议!

angular angular-ui-router angular-cli angular16
1个回答
1
投票

该视频对于项目架构主题非常有帮助https://www.youtube.com/watch?v=SaNO6ubhYyg

我认为您甚至可以使用 Polyrepo 来使用 NX 库。它对组织文件夹结构有很大帮助。

© www.soinside.com 2019 - 2024. All rights reserved.