Grunt deleting index.html content

Question

I've noticed on a couple projects with Yeoman that when I run any of the the grunt build, grunt serve commands, content (script tags, link tags, the like) get deleted from my index.html file. Any ideas as to why this happens? And how to fix it. Seems to be happening with imports from my bower_components folder especially, but I've also had instances where the font-awesome cdn was deleted as well.

If it makes a difference, I'm developing for AngularJS using Yeoman.

Answer 1

I encountered this sometimes. The changed parts are enclosed in

<!-- bower:css -->
<link rel="stylesheet" href="bower_components/......" />
......
<!-- endbower -->

or

<!-- bower:js -->
<script src="bower_components/....."></script>
......
<!-- endbower -->

The content in bower:js/css tag are generated from bower.json, so if the js/css files are not listed in bower.json, it will be removed from bower:js/css.

The good practice is to use bower install --save or bower install --save-dev to install the dependency, it will update the bower.json automatically.