您如何为Angular应用组织代码? (代码组织模式)

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

我正在使用Angular应用程序中的最佳代码结构模式进行挣扎。

我有一个包含更多模块的项目;每个模块都有组件测试,等等。

/app
    /commons
        /components
        /constants
            constant-1.constant.ts
            constant-2.constant.ts
            constant-3.constant.ts
            constant-4.constant.ts
            ...
        /helpers
            helper-1.helper.ts
            helper-2.helper.ts    
            ...
    /module-name-1
         /commons
             /helpers
             /constants
         /component-name-1
            /component-name-subcomponent-1
               component-name-subcomponent-1.component.ts
         /component-name-2
            component-name-subcomponent-2.component.ts   
         module-name-1.module.ts
         module-name-1-routing.module.ts

这是我的代码组织的样子。我想问你,你如何处理一些作为常量/函数/帮手的共享/公共部分……例如常量-我尝试将共享常量保存在模块路径中的一个文件夹中,或者在模块之间共享(如果模块之间共享)。但是有时候,我只在一个组件或其中两个组件中使用常量,然后我在组件树后面跟随一个很远的共享文件夹,在其中定义了两行代码。接口也一样-我将所有接口都放在一个文件夹中,但是有时接口仅在一个组件中使用,有时在其子组件中使用。您如何组织它?大型项目的最佳做法是什么?

我想知道一个commons /文件夹的应用程序内路由,其结构与其余应用程序/ module / component /相似,并且保持与组件相关的接口和常量,并保持通向它们的公共路径-但是当我尝试时-它也一团糟,并且没有有用的工具来管理它。

有什么建议吗?

angular
1个回答
0
投票

[模块化方法中的角度相信。一些基本的是核心/功能/包含/共享imgForModules在您的角度应用程序中,有很多事情很重要。我可以分享一个链接来检查它,它肯定会帮助您构建角度应用程序的体系结构https://itnext.io/planning-the-architecture-of-your-angular-app-a4840bfec13b

热门问题
推荐问题
最新问题