使用Angular 6进行延迟加载时,ngrx的最佳文件夹结构是什么?

时间:2018-08-01 15:43:07

标签: javascript angular ngrx

我有一个Angular 6应用,其中使用了延迟加载。我的文件夹结构如下:

src
  app
    main
      products
      invoices
      customers
      suppliers
    core
      header
      footer
      services
      core.module.ts
    shared
    app-routing.module.ts
    app.component.html
    app.component.css
    app.component.spec.ts
    app.component.ts

我遵循推荐的文件夹结构进行延迟加载(这里main文件夹下的每个文件夹都是其自己的模块部分)。

如果我想合并ngrx,对于在何处包括商店,reducer等,我有不同的看法。我读过一篇文章,说要添加一个store文件夹并包括所有ngrx件在那里。我读过的另一篇文章说,将ngrx片段添加到每个模块/部分。

这里还有另一篇stackoverflow文章:What is the best structure for app using ngrx?,它讨论了ngrx文件夹结构,但没有提及延迟加载。

使用延迟加载时,是否有推荐的方法来构造ngrx?在每个模块中添加包含减速器,操作等的商店,或者在其中包含所有内容的情况下制作一个巨型商店文件夹是否更有意义?这个程序不是太大。它更像是中型应用程序。

谢谢!

1 个答案:

答案 0 :(得分:2)

绝对将ngrx件分别添加到每个模块中。它为您提供了良好的结构,并且每个模块都是独立的。此外,每个模块中的ngrx存储区也可以延迟加载,因此只有在加载模块时状态才会在那里。

此处有更多详细信息:https://medium.com/@AnkurRatra/lazy-loading-of-modules-with-ngrx-store-4th-version-angular-2-23c93295d4e8