【问题标题】:yeoman angular generator - generated index.htmlyeoman 角度生成器 - 生成的 index.html
【发布时间】:2014-01-14 00:18:43
【问题描述】:

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

我知道&lt;!-- build:js scripts/vendor.js --&gt;&lt;!-- endbuild --&gt; cmets被grunt-usemin任务使用,但是&lt;!-- bower:js --&gt;&lt;!-- endbower --&gt;的目的是什么?我在主页上发布的bower 文档中找不到任何提及。

【问题讨论】:

    标签: yeoman bower


    【解决方案1】:

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

    最初,当您构建应用程序时,它会自动将您的 Bower 包连接到您的 index.html 文件。接下来,在安装或卸载 Bower 包后,您可以运行 grunt bower-install 来更新您的 &lt;!-- bower:* --&gt;...&lt;!-- endbower --&gt; 块内的引用。

    另外,请注意在&lt;head&gt; 部分,有一个&lt;!-- bower:css --&gt; 块,它将引用您的 Bower 包的 CSS 文件。

    更新 - 2014 年 8 月 7 日

    如果grunt-bower-install 不起作用,请尝试(按顺序): grunt wiredepgrunt bower-installgrunt bowerInstall

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

    【讨论】:

    • 请注意,可能在新版本中有所不同,但命令是grunt bowerInstall
    • 这个答案已经过时了。我浪费了大约一个小时试图让 grunt bower-install 工作,只是为了最终从一个 github 问题中了解到,现在它似乎是 grunt bowerInstall
    • Brian,根据您使用的版本,它将是 grunt bower-install、grunt bowerInstall,或者现在,因为它已重命名,所以是 gruntwiredep。抱歉,这让你绊倒了,但这个问题的答案仍然是运行 grunt bower-install,因为这是与该项目一起使用的版本。与往常一样,当事情不起作用时,请查看相应的文档:在这种情况下,只需阅读 Grunt 任务就应该让您熟悉任务的配置方式,并且您可以弄清楚从那里运行哪个命令。感谢您寻找其他开发人员:)
    • grunt wiredep 适用于所有新的 yeoman/grunt/bower 新兵。快乐的脚手架!
    • @BrianTingle 这就是为什么我也总是阅读答案的 cmets,尤其是你上面的那个 ;)
    猜你喜欢
    • 2015-04-07
    • 1970-01-01
    • 2015-03-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多