MEAN堆栈文件结构&咕哝

MEAN stack file structure & grunt

本文关键字：咕哝 amp 堆栈 文件结构 MEAN      更新时间：2023-09-26

我正在通过个人项目学习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，并将我所有的angular js文件丑化为public/js/app.js。

这听起来是个好主意吗？我正在努力使我的应用程序保持高度模块化，同时最大限度地减少生产成本。有没有更好/更干净的方法来处理有角度的js/view文件？

谢谢！

您可以查看这些转发以了解一些想法。

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

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

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

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

相关文章：