Javascript 脚本引用Yeoman/Bower

我正在用node、express和angular构建一个SPA，并让Yeoman组织我的工作流程。问题主要涉及鲍尔：

当安装新包（jquery、下划线等）或创建新的本地js文件时，我必须在index.html文件中手动引用它，如下所示：

<script src="/jquery.js"></script>

或者类似的东西。我想知道是否有某种方法可以实现自动化，特别是考虑到我的应用程序是单页的。有人告诉我Require.js，但它并不理想，而且我也不是AMD的最大粉丝

我所寻找的类似于Meteor.js（或Rails服务器端）的工作方式：您只需在项目中创建一个源文件，并且给定它位于正确的目录中，它将包含在您的应用程序中，而无需手动设置任何引用

---

有什么建议吗？

也许

grunt bower安装

（现在不使用RequireJS时，它包含在

generator webapp

中）会有帮助吗

---

我已经发布了关于它如何工作的更多细节。

我最终使用的模块是连接资产（尽管snockets也可以用于此）。它允许以Rails方式引用js文件：

//= require a
//= require b

必须单独要求由Bower管理的第三方库。我检查的自动化解决方案没有一个能满足我的需要。所以

//= require ../bower_components/angular/angular.js

需要您自己的代码是非常重要的：

//= require_tree services
//= require_tree controllers
//= require_tree directives

或者干脆

//= require_tree .

---

我今晚去看看。感谢StephenSeems的出色工作，但只解决了我问题的一半。如何自动导入本地文件（即我的代码）？关于

grunt bower安装

，顾名思义，它只针对bower组件。我想你可能期待太多的魔法了。网站只是HTML、CSS和JS。你可以通过无数种可能的方式自由组合。您可以使用Angular、主干和jQuery。或者你可以只使用普通的ol'JS。或余烬。或[等等]。对于JS，您仍然需要将

标记按顺序排列，以便一切正常工作。没有任何脚本、构建过程或“魔法”能够准确地猜测您是如何编写JS的，并按照您为您编写的顺序将其放入HTML中的。包含顺序由目录结构决定：例如，lib/下的文件首先包含，同一目录中的文件按字母顺序包含，但

main.js

最后包含的文件除外。诚然，这种方法可能不适用于MPA或混合动力车，但适用于SPA，它是当场的！在节点中一定有这样做的方法，因为Meteor是建立在节点上的。。。我会继续研究：）使用Meteor，你在使用他们的约定，这是你在开始一个新应用程序之前的一次握手。在“web应用程序”（与“meteor web应用程序”相比）的情况下，没有这样的握手。您需要根据自己的工作流程自行组装工具来完成此操作。如果您找到了有助于此的工具，请告诉我们！