在一个yeoman项目HTML文件中引用通过bower安装的javascript依赖项的“正确”方式是什么？
在一个yeoman项目HTML文件中引用通过bower安装的javascript依赖项的“正确”方式是什么？
提问于 2013-08-01 03:19:29
Yeoman的快速入门和包管理器指南建议使用Bower来管理依赖项。
它们被安装到
app/bower_components/[component_name]该指南只是建议插入一个
<script src="app/bower_components/[component_name]/[relevant_file.js]"></script>行到html文件中。
这很好。除非该组件有依赖项。Bower很有帮助地获取了这些组件，但据我所知，它没有给出它们的列表以及它们需要插入到代码中的顺序。(我知道您在执行安装时会得到一个已安装内容的列表，用户可以从某个位置的json文件中挖掘出来，但这仍然是组件的bower名称，而不是需要引用的实际文件的路径)。这意味着，对于像jquery-maonsonry这样的流行组件，我必须手动插入
<script src="bower_components/get-size/get-size.js"></script>
<script src="bower_components/doc-ready/doc-ready.js"></script>
<script src="bower_components/eventEmitter/EventEmitter.js"></script>
<script src="bower_components/eventie/eventies.js"></script>
<script src="bower_components/get-style-property/get-style-property.js"></script>
<script src="bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="bower_components/matches-selector/matches-selector.js"></script>
<script src="bower_components/outlayer/outlayer.js"></script>
<script src="bower_components/jquery-masonry/masonry.js"></script>所有这些我都必须进入并找到相关的js文件名。假设所有这些文件都已经在json依赖文件中定义，而且bower知道它们，那么有没有一种方法可以自动生成上面的代码。我可以手动将其放入html中，也可以使用指向监视命令输出的symLink。我知道require.js可能会代表我来管理这件事，但是有没有办法绕过需求呢？
回答 1
Stack Overflow用户
发布于 2014-03-17 07:37:54
我刚刚在npm上放了一些代码，它把你的依赖项放在一个有序的数组中。https://www.npmjs.org/package/dependency-orderer
如果你没有使用grunt bower-install，或者不想使用脚本标签(如果你捆绑了你的javascript，你应该这样做)，希望它能为你工作。
渴望听到反馈，因为这是我发布的第一个模块。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17979062
复制相关文章
相似问题