MEAN堆栈文件结构和grunt

Question

我正在通过个人项目学习MEAN堆栈.起初,我使用了yeoman/grunt/bower的组合,但我对yeoman生成器的文件结构不满意,所以现在我只在我的项目中有一个手动配置的grunt和node.js.

当我对我的应用程序进行原型设计时,我一直在质疑我的文件结构是否良好.我做了很多研究,但我找不到更好的方法来组织我的公共/文件夹.

这就是我的项目结构:

• API /
  • models/(mongodb模型在这里)
  • db.js (此处表示连接设置)
  • routes.js (这里是快递路线)
• node_modules/(这里是npm模块)
• 上市/
  • css/(这里有css文件)
  • img/(图片在这里)
  • JS /
    • views/(这里的角度视图)
    • app.js
  • 的index.html
• SRC /
  • css/(这里有css文件)
  • img/(图片在这里)
  • JS /
    • 控制器/ (这里的角度控制器)
    • 指令/ (这里的角度指令)
    • views/(这里的角度视图)
  • 的index.html
• gruntfile.js
• server.js

我在src /中完成所有编码.Grunt将所有html文件(index.html和js/views /),css和图像复制到public,并将我的所有角度js文件uglify为public/js/app.js.

这听起来像个好主意吗？我试图保持我的应用程序非常模块化,同时最小化它的生产.是否有更好/更清晰的方法来处理角度js /视图文件？

谢谢!

Answer 1

您可以查看这些存储库以获取一些想法。

• unbox是我维护的一个项目，可以帮助我快速建立MEAN堆栈类型的架构
• bevacqua.io是我的个人网站，建立在 unbox 之上
• brut是 unbox 之上的另一个示例，但它使用 Angular 并预编译模板

谈到目录结构，我做了类似于你的方法。

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

基本上，我将组成网站的所有内容都视为“源”，并根据需要编译了所有内容，将其放入 中bin，并从那里为应用程序提供服务。