Angularjs：如何组织一个大项目代码？

Question

我在大项目中组织AngylarJs代码时遇到了麻烦。这是一个类似于angular-app（https://github.com/angular-app/angular-app）的体系结构的示例。 假设有4个页面：main，details，profile，admin。这些页面完全隔离，互为参考。换句话说，它不是SPA。

这是dir struct：

app
---main
-----main.js - module
---details
-----details.js - module
---profile
-----profile.js - module
---admin
-----admin.js 
app.js

示例app.js代码：

angular.module('app', [
    ‘main’,
    ‘details’,
    ‘profile’,
    ‘admin’
])

然后构建一个build.js，包括常用指令，服务，资源等。每个页面都包含bulid.js（main.html，details.html，profile.html，admin.html）。

1. 如何避免包含不必要的代码（包括不同页面的代码）？
2. 当不同的程序员意外覆盖服务/控制器时，如何避免这种情况？
3. 随着项目成长build.js将变得更加沉重。这将是一个问题吗？

Answer 1

1. 我只使用emberjs，所以我不知道棱角分明的行为。在emberjs中，应用程序是一个单一的站点应用程序。所以你需要在开始时加载每个脚本。此外，我还没有看到在启动时加载所有脚本的任何问题。

2. 为什么不尝试像yeoman这样的生成器。这种结构是由社区设计的，您可以获得模板和模板的单个生成器。模型等 由于给定的结构和命名约定，很容易看出你是否会覆盖某些东西。此外，grunt还会处理您的构建过程并缩小输出。

3. 我不认为一个大的build.js是个问题。您可以缩小输出，然后压缩它。