Javascript 浏览器中MVC应用程序的文件结构

我正在构建一个浏览器内MVC应用程序，它最终将通过PhoneGap在移动设备上运行。该应用程序将与API服务器通信，但在其他方面将完全独立。当我在Rails中开发标准的服务器端MVC应用程序时，模型、视图和控制器被分成不同的文件和目录。浏览器内MVC应用程序的标准做法是什么？MVC组件通常是在单个JS文件中定义的，还是它们通常是分开的？

在开发阶段，是的，javascript文件应该分开并有很好的文档记录。。 您可以使用单独加载模块/视图/集合

下面是一篇关于异步模块定义（AMD）的精彩文章。主要是关于如何使用模块组织应用程序。我建议你读一下。
以下是本教程作者使用的示例项目结构：

├── js
│   ├── libs
│   │   ├── jquery
│   │   │   ├── jquery.min.js
│   │   ├── backbone
│   │   │   ├── backbone.min.js
│   │   └── underscore
│   │   │   ├── underscore.min.js
│   ├── models
│   │   ├── users.js
│   │   └── projects.js
│   ├── collections
│   │   ├── users.js
│   │   └── projects.js
│   ├── views
│   │   ├── projects
│   │   │   ├── list.js
│   │   │   └── edit.js
│   │   └── users
│   │       ├── list.js
│   │       └── edit.js
│   ├── router.js
│   ├── app.js
│   ├── main.js
│   ├── order.js
│   └── text.js
└── index.html

对于验证/部署阶段，使用类似工具的工具启动自动化任务。例如，将javascript文件连接并缩小为单个文件。（大约需要30秒，具体取决于您的配置方式）
这是一个grunt文件的示例