Question

前一天我正在将项目中的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 -->

我知道任务使用了和grunt-usemin条评论，但和的目的是什么？我在主页上发布的bower文档中找不到任何提及。

Answer 1

那是grunt-bower-install，它是Angular生成器的added to v0.7.0。

最初，当您搭建应用程序时，它会自动将您的Bower软件包连接到您的index.html文件。接下来，在安装或卸载Bower软件包之后，您可以运行grunt bower-install来更新...块内的引用。

另外，请注意<head>部分中有一个块，它将引用您的Bower软件包的CSS文件。

更新 - 2014年8月7日

如果grunt-bower-install不起作用，请尝试（按顺序）： grunt wiredep，grunt bower-install，grunt bowerInstall

确保bower install --save将其作为依赖项添加到bower.json。

yeoman角度生成器 - 生成index.html

1 个答案: