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

Question

我試圖與我向使用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 Update在需要時自動更新文件。我迷路了還是所有人都這么做？

Answer 1

有一個npm軟件包（ wiredep ），grunt-plugin（ grunt-wiredep ），它查看您擁有的所有grunt-wiredep組件，然后確定將腳本注入HTML文件的最佳順序。 它會在HTML文件中查找占位符<!-- bower:js --> ， <!-- endbower --> ，並將其替換為bower組件的主文件。

由於每個bower組件都有一個bower.json ，它可以告訴該組件主文件在哪里，因此您將在HTML文件中注入正確的腳本文件。 當我們更新任何涼亭包時，無需擔心。

這是我遇到的重要插件。 它用於約曼時代的Angular項目。

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

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