如何使用大量脚本文件管理 AngularJS 工作流答案

【问题标题】：How to manage AngularJS workflow with lots of script files如何使用大量脚本文件管理 AngularJS 工作流
【发布时间】：2013-03-06 16:13:10
【问题描述】：

我研究了 gruntjs，但我不确定它是否是解决我的工作流程问题的正确工具。我正在处理一个巨大的 Angular 项目，其中已经包含 30 多个 js 文件。每次我添加一个新的 js 文件时，我都必须去索引文件并在其中添加引用。有没有办法用 grunt 或任何其他工具自动化这个过程？

【问题讨论】：

你会想看看RequireJS。
实际上，RequireJS 使用 AngularJS 有点棘手，所以我不推荐这种方法。一个不错的基于 Grunt 的构建系统似乎达到了最佳效果。
RequireJS 可以很好地与 AngularJS 配合使用，但您仍然必须在代码中管理需求（不比将它们包含在 HTML 中好多少）。我们将 RequireJS 与扫描目录并动态构建所需文件列表的 node.js 构建过程相结合。
我想已经问了一个相关的问题stackoverflow.com/questions/17073111/…，这里给出的答案也可能对你有所帮助

【解决方案1】：

绝对！这里有两种方法：

Yeoman 是一组基于 Grunt 和 Bower 构建的集成工作流管理脚本，支持自动搭建和编译。还有一个AngularJS generator。

这是我的创作，所以我在这里肯定有偏见，但它有一个基于 Grunt 的构建系统和一个定义的目录结构，这使得管理非平凡的 AngularJS 应用程序变得超级容易。

【讨论】：

谢谢乔希。 Yeoman 仍然没有 Windows 支持。我确实看到了您的 ngBoilerplate。我想知道是否可以根据我的项目结构对其进行调整，还是必须根据您预定义的目录结构进行调整？另外，有什么好的资源可以学习 gruntjs 吗？我知道基本的 grunt 任务，例如 concat、min 等，但很难理解自定义任务（例如我的问题）。
@SamSerious 它旨在使用该目录结构开箱即用，但它可以适应任何结构 - Grunt 非常灵活，我在其中定义了 all 路径您可以轻松更改的变量（请参阅src 配置）。看看Gruntfile.js - 它有吨的 cmets 可以帮助人们理解它。至于学习 Grunt，最好看几个例子，弄清楚它们是做什么的，然后通读 wiki。 Grunt 0.4 是几周前发布的（根本性的变化！），所以还没有任何好的教程。