Grunt没有更新Angularjs App中的脚本标签

时间:2015-08-12 17:03:35

标签: javascript angularjs bower yeoman grunt-wiredep

我有两个使用Yeoman搭建的Angularjs项目。第一个项目是一个使用Angular Library Generator搭建脚手架的图书馆,而第二个项目是一个装有the Yeoman Angular Generator的完整应用程序。我希望应用程序使用库,所以在App目录中我使用Bower安装了库:

bower install github-id/library-name --save

虽然该库未在Bower注册,但我仍然可以使用我的Github Id和库名称进行安装。 bower_components目录现在保存了库及其依赖项,但是当我使用grunt servegrunt运行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随后将删除我添加的任何标记。

有谁可以告诉我为什么没有添加标签?

谢谢!

1 个答案:

答案 0 :(得分:0)

通过在我的应用程序的bower_components目录中查看库项目的bower.json文件来解决问题。在bower.json文件中,&#34; main&#34;下给出了路径。字段不正确。修复后,将库正确地添加到`index.html。