Yeoman Angular Generator - 生成的 index.html

9
昨天我在更新我的项目中的Angular库,从版本1.0.7升级到1.2.6。为此,我更新了yeoman生成器并重新生成应用程序。
然后,我开始浏览生成的文件以了解更改情况,并注意到index.html文件中出现了新内容。
    <!-- 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 -->

我知道<!-- build:js scripts/vendor.js --><!-- endbuild -->这两个注释是由grunt-usemin任务使用的,但是<!-- bower:js --><!-- endbower -->有什么作用呢?我在主页上发布的bower文档中找不到任何提及。

1个回答

13

那是grunt-bower-install, 它被添加到了 Angular 生成器的 v0.7.0版本 中。

最初,在你生成应用程序时,它自动将你的 Bower 包连接到了你的 index.html 文件中。之后,安装或卸载 Bower 包后,你可以运行 grunt bower-install 来更新你的 <!-- bower:* -->...<!-- endbower --> 块内的引用。

同时,请注意在 <head> 部分还有一个 <!-- bower:css --> 块,它会引用你的 Bower 包的 CSS 文件。

更新 - 2014年8月7日

如果grunt-bower-install无法正常工作,请尝试以下步骤(按顺序):grunt wiredepgrunt bower-installgrunt bowerInstall
确保使用bower install --save将其添加到中作为依赖项。

1
只是一条注释,也许在更新的版本中有所不同,但命令是 grunt bowerInstall - Dave Lancea
这个答案已经过时了。我浪费了大约一个小时的时间尝试让 grunt bower-install 工作,最后才从 Github 的问题中了解到,现在似乎是 grunt bowerInstall - Brian Tingle
1
Brian,根据你使用的版本,它将是grunt bower-install、grunt bowerInstall或现在,因为它已经更名为grunt wiredep。很抱歉这让你困惑了,但是对于这个问题的答案仍然是运行grunt bower-install,因为这是与此项目一起使用的版本。当事情不顺利时,请始终查阅适当的文档:在这种情况下,简单地阅读Grunt任务的相关信息应该使您熟悉如何配置任务,并且您可以从中找出要运行的命令。感谢您关注其他开发人员 :) - Stephen
4
欢迎新来的yeoman/grunt/bower成员,记得运行grunt wiredep命令。祝搭建愉快! - Augie Gardner
@Stephen 我有一个非常相似的问题。我需要在每个文件中手动重复这些HTML注释,还是将所有HTML文件添加到Grunt任务中并让它自动完成呢? - JNevens
显示剩余5条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接