{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 在下西门庆 的问题《yeoman angular generator - generated index.html》','https://www.manongdao.com/q-560609.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Last day I was in process of updating Angular library in my project from 1.0.7 to 1.2.6, to do this, I updated my yeoman generator and generated application again.
After this, I started browsing generated files to get hang of the changes and I noticed something new in index.html file.
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/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-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<!-- endbower -->
<!-- endbuild -->
I know that <!-- build:js scripts/vendor.js --> and <!-- endbuild --> comments are used by grunt-usemin task, but what is the purpose of <!-- bower:js --> and <!-- endbower -->? I can't find any mention of it in bower documentation posted on main page.
That's grunt-bower-install, which was added to v0.7.0 of the Angular generator.
Initially, when you scaffolded the application, it automatically wired up your Bower packages to your
index.htmlfile. Going forward, after installing or un-installing a Bower package, you can rungrunt bower-installto update the references inside of your<!-- bower:* -->...<!-- endbower -->blocks.Also, notice in the
<head>section, there is a<!-- bower:css -->block, which will reference your Bower packages' CSS files.Update - 8/7/2014
If
grunt-bower-installdoesn't work try(in order):grunt wiredep,grunt bower-install,grunt bowerInstallMake sure to bower install --save to add it to bower.json as a dependency.