Grunt + AngularJS SPA：大型JS blob和CSS问题

Question

我正在使用AngularJS创建单页应用程序。我正在使用Yeoman，Grunt和Bower来管理这个项目。我最近才开始使用这些工具，所以请耐心等待。

问题1：Grunt创建了一个大的JS blob，增加了页面加载时间。

是的，它缩小了JS文件，但有许多 JS文件。没有单一视图需要所有文件。但由于只有一个minfied JS文件，即使特定视图只需要blob的一个子集，我也不得不加载整个JS blob。

以下解决方案可以提供帮助，如何在Grunt中实现它们？：

1. 分别对每个文件进行Minifiy，并在视图中链接所需的文件 代码：这很简单但不是最有效的技术，因为浏览器必须为每个文件发出一个GET请求。
2. 合并并缩小特定视图所需的所有JS文件。
3. 合并并缩小特定视图所需的所有JS文件，但所有视图共有的文件除外。分别合并和缩小常用文件。

选项3是我的首选，但如果不可能，我会选择2或甚至1。

但是我不知道如何配置Grunt来做到这一点 - 即combine，minify＆amp;重命名JS文件，然后重构那些引用的JS文件名的HTML。

问题2：无法创建视图特定的minifed CSS

目前，Grunt创建了一个组合＆amp;缩小的CSS。问题是，我不想将特定的CSS与主要CSS结合使用，这对所有视图来说都很常见。

具有视图特定CSS的重点是在某些视图中覆盖主CSS的某些属性。

我不是在寻找一个随时可用的解决方案，但有些指针会非常有用。