2013-11-22 114 views
5

我通过一个个人项目的工作学习MEAN堆栈。起初,我用自耕农/咕噜/凉亭的组合,但我并不快乐与自耕农发电机过的文件结构,所以现在我只是在我的项目和手工配置的呻吟,Node.js的。MEAN堆栈文件结构和咕噜

正如我原型我的应用程序,我一直在质疑我的文件结构是否是好还是不好。我做了很多研究,但是我找不到更好的方式来组织我的公共/文件夹。

这是我的项目结构是什么样子:

  • API/
    • 型号/ (这里mongodb的型号)
    • db.js (这里表达连接设置)
    • routes.js (特快这里路由)
  • node_modules/(NPM这里模块)
  • 公共/
    • CSS/(此处的CSS文件)
    • IMG/(此图片)
    • JS/
      • 视图/ (这里角视图)
      • app.js
    • 的index.html
  • 的src/
    • CSS/(CSS文件在这里)
    • IMG/(图片在这里)
    • JS/
      • 控制器/ (这里角控制器)
      • 指令/ (这里角指令)
      • 视图/ (这里角视图)
    • 的index.html
  • gruntfile.js
  • server.js

我做的src /我所有的编码。 Grunt复制所有html文件(索引。html和js/views /),将css和图片添加到public,并将我所有的角度js文件修改为public/js/app.js。

这听起来像个好主意吗?我试图保持我的应用程序非常模块化,同时尽量减少生产。有更好/更清洁的方式来处理角度js/view文件吗?

谢谢!

+2

这个问题太糟糕了,关闭了。我无法找到任何有关文件夹结构应该如何与预处理/后处理和MEAN堆栈一起工作的良好文档。我不是一个复制从src'文件夹到'public'的所有东西的粉丝,但是,这正是我现在正在使用的解决方案。 –

回答

0

你可以查看这些回购的一些想法。

  • unbox是一个项目,我认为,帮助我迅速成立了建筑的平均堆型
  • bevacqua.io是我的个人网站,建立在拆箱
  • brut的顶部是在拆箱的顶部的另一个例子,但它使用Angular并预编译模板

说到目录结构,我做了类似于您的方法。

bin/ (built, static, site here) 
src/ 
    statics/ 
    css/ 
    js/ 
    img/ 
    views/ 

我基本上把构成上述网站的“源”的一切,我的一切编译根据需要,把它变成bin,并从那里服务的应用程序。