MEAN堆栈文件结构＆amp;咕噜

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​​ /
    • controllers / （此处为角度控制器）
    • 指令/ （此处为角度指令）
    • 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，然后从那里提供应用程序。