如何在我的项目中包含angular-ui-route

时间:2014-11-29 17:11:43

标签: angularjs angular-ui angular-ui-router

我正在尝试与我如何将库添加到使用Bower和Angular的项目中。到目前为止,我已经使用bower来安装我的软件包,比如

bower install angular
bower install angular-resource

它似乎创建了如下文件:

/vendor/angular/angular.js
/vendor/angular-resource/angular-resource.js

现在,当我安装angular-ui-route时,我得到了一个不同的目录结构

/vendor/angular-ui-router/release/angular-ui-router.js

我目前正在从index.html引用所有这些内容,就像它们放在目录中一样。我的问题是“在”发布“目录中有一些似乎很奇怪而其他人没有。我希望保持一致,我希望bower更新能够在需要时自动更新我的文件。我输了还是每个人都做的?

1 个答案:

答案 0 :(得分:2)

有一个npm包(wiredep),grunt-plugin(grunt-wiredep)查看你拥有的所有bower组件,然后确定将脚本注入HTML的最佳顺序文件。它会在HTML文件中查找占位符<!-- bower:js --><!-- endbower -->,并将其替换为bower组件&#39;主要文件。

由于每个bower组件都有一个bower.json,告诉组件主文件的位置,您将在HTML文件中注入正确的脚本文件。我们更新任何凉亭套餐时无需担心。

这是我遇到的重要插件。它用于Yeoman一代的Angular项目。

有关wiredep的更多信息:https://github.com/taptapship/wiredep

grunt-wiredep:https://github.com/stephenplusplus/grunt-wiredep