MEAN堆栈文件结构和咕噜声[关闭]

Question

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

在制作应用程序原型时，我不断质疑我的文件结构是否良好。我做了很多研究，但找不到更好的方法来组织我的 public/ 文件夹。

这是我的项目结构：

• API/
  • models/ （这里是mongodb模型）
  • db.js （此处表示连接设置）
  • routes.js （此处表示路线）
• node_modules/ （此处为 npm 模块）
• 公开/
  • css/ （这里是css文件）
  • img/ （这里有图片）
  • js/
    • views/ （此处为角度视图）
    • app.js
  • index.html
• src/
  • css/ （这里是css文件）
  • img/ （这里有图片）
  • js/
    • 控制器/ （这里是角度控制器）
    • directives/ （这里是角度指令）
    • views/ （此处为角度视图）
  • index.html
• gruntfile.js
• server.js

我在 src/. Grunt 将所有 html 文件（index.html 和 js/views/）、css 和图像复制到 public，并将我所有的 angular js 文件 uglifying 到 public/js/app.js 中。

这听起来是个好主意吗？我试图让我的应用程序非常模块化，同时将其最小化以用于生产。有没有更好/更干净的方法来处理 angular js/view 文件？

谢谢！

Answer 1

您可以查看这些 repos 以获得一些想法。

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

说到目录结构，我做的和你的做法类似。

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

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