您如何为Angular应用组织代码？ （代码组织模式）

Question

我正在使用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 /相似，并且保持与组件相关的接口和常量，并保持通向它们的公共路径-但是当我尝试时-它也一团糟，并且没有有用的工具来管理它。

有什么建议吗？

Answer 1

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