具有Angular 4堆栈文件夹结构的MEAN

时间:2017-08-21 11:30:23

标签: angular mean-stack

我想为Angular 4创建一个MEAN堆栈的文件夹结构。

我使用Angular 1. *版本处理MEAN堆栈,并且我很喜欢该文件夹结构。但是使用Angular 4 - Angular Cli文件夹结构我的模型不起作用。

我正在计划企业管理面板,因此模块应该是可重用的并且松散耦合。

我试过一种方法:在Angular组件中保留Client,Server和Test文件夹。但是哪个令人不安的angular -cli组件模型。

3 个答案:

答案 0 :(得分:2)

使用Angular 4附带的Angular CLI。它本身生成一个文件夹结构,可以通过松散耦合的组件以模块化方式管理项目。

检查https://cli.angular.io/

使用前端的角度文件夹结构,并在角度项目的顶部有一个单独的目录用于后端。对于节点后端检查适合您的应用程序的流行yeoman发生器。

http://yeoman.io/generators/

  • 您的应用程序
    • 节点API
    • 角-应用

我建议像这样的文件夹结构。但可能会有更好的。一些研究可以帮助找到这样的。

最好是为Node-api和Angular-app维护两个独立的存储库,因为它可以帮助您以更好的方式维护和管理它们。

答案 1 :(得分:1)

我认为你应该研究这个答案:Hooking up express.js with Angular CLI in dev environment

基本上你必须将服务器和客户端代码分开,否则你最终会在每一步都遇到挑战。

您可以查看我的代码:https://github.com/kubaszumiato/DotNetVideos,其中 app 文件夹代表服务器, src 代表客户端。我不是在那里使用Angular CLI。

答案 2 :(得分:0)

你应该使用angular-cli来创建angualr 4项目。您可以创建两个文件夹Client,Server 客户端 - 您可以使用angular-cli在此目录下创建项目 服务器 - 使用节点js服务器端代码

相关问题