我有两个使用Yeoman搭建的Angularjs项目。第一个项目是一个使用Angular Library Generator搭建脚手架的图书馆,而第二个项目是一个装有the Yeoman Angular Generator的完整应用程序。我希望应用程序使用库,所以在App目录中我使用Bower安装了库:
bower install github-id/library-name --save
虽然该库未在Bower注册,但我仍然可以使用我的Github Id和库名称进行安装。 bower_components
目录现在保存了库及其依赖项,但是当我使用grunt serve
或grunt
运行Grunt时,应用程序的Index.html
文件未更新虽然你可以看到其他模块,例如lodash
,但是你可以看到它:
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-messages/angular-messages.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/lodash/lodash.js"></script>
<!-- endbower -->
<!-- endbuild -->
如果我尝试手动将库添加为脚本标记,Grunt
随后将删除我添加的任何标记。
有谁可以告诉我为什么没有添加标签?
谢谢!
答案 0 :(得分:0)
通过在我的应用程序的bower_components
目录中查看库项目的bower.json文件来解决问题。在bower.json文件中,&#34; main&#34;下给出了路径。字段不正确。修复后,将库正确地添加到`index.html。