угловой генератор йомена - сгенерированный index.html

В последний день я обновлял библиотеку 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 документации, размещенной на главной странице.


bower yeoman
person Andna    schedule 26.12.2013    source источник

Ответы (1)


arrow_upward
13
arrow_downward

Это grunt-bower-install, который был добавлен в версию 0.7.0 генератора Angular.

Первоначально, когда вы формировали приложение, оно автоматически подключало ваши пакеты Bower к вашему файлу index.html. В дальнейшем после установки или удаления пакета Bower вы можете запустить grunt bower-install, чтобы обновить ссылки внутри ваших блоков <!-- bower:* -->...<!-- endbower -->.

Кроме того, обратите внимание, что в разделе <head> есть блок <!-- bower:css -->, который будет ссылаться на файлы CSS ваших пакетов Bower.

Обновление от 07.08.2014

Если grunt-bower-install не работает, попробуйте (по порядку): grunt wiredep, grunt bower-install, grunt bowerInstall

Убедитесь, что вы установили bower --save, чтобы добавить его в bower.json в качестве зависимости.

person Stephen    schedule 26.12.2013
comment
Просто примечание, возможно, в более новых версиях по-другому, но команда grunt bowerInstall - person Dave Lancea; 10.05.2014
comment
Этот ответ устарел. Я потратил около часа, пытаясь заставить grunt bower-install работать только для того, чтобы, наконец, узнать из проблемы github, что в настоящее время это похоже на grunt bowerInstall. - person Brian Tingle; 31.05.2014
comment
Брайан, в зависимости от версии, которую вы используете, это будет grunt bower-install, grunt bowerInstall или теперь, после переименования, grunt wiredep. Извините, это сбило вас с толку, но ответ на этот вопрос по-прежнему заключается в запуске grunt bower-install, поскольку именно эта версия используется в этом проекте. Как всегда, когда что-то не работает, сверьтесь с соответствующей документацией: в этом случае простое чтение задач Grunt должно было ознакомить вас с тем, как настраиваются задачи, и вы могли бы выяснить, какую команду запускать оттуда. Спасибо за внимание к коллегам-разработчикам :) - person Stephen; 01.06.2014
comment
grunt wiredep для всех новых рекрутов йоменов/ворчунов/бауэров. Удачных строительных лесов! - person Augie Gardner; 25.06.2014
comment
@BrianTingle, поэтому я всегда читаю комментарии к ответам, особенно тот, что выше вашего;) - person Joe; 08.07.2014
comment
да, я читал это, но я использовал новейшую версию йомена, ответ выше предполагал, что это было старое заклинание. Я пытался отредактировать ответ, но мое редактирование было отклонено, поэтому я добавил комментарий, чтобы, если я вернусь к этому снова (я часто возвращаюсь к одним и тем же вопросам снова и снова), я знал, что комментарий над моим вводил в заблуждение. w/r/t старые и новые версии. - person Brian Tingle; 12.07.2014
comment
@Stephen Стивен, у меня очень похожий вопрос. Должен ли я повторять эти HTML-комментарии вручную в каждом файле, или я должен добавить все HTML-файлы в задачу Grunt и позволить ей творить чудеса? - person JNevens; 10.11.2014
comment
@ JN11 - вам придется добавить их вручную. Это небольшой компромисс для всего волшебного wiredep :) - person Stephen; 11.11.2014
comment
@Stephen, как вы думаете, есть ли что-то подобное для Gulp? - person Adrian Florescu; 23.12.2014
comment
Эдриан, ты можешь использовать wiredep напрямую. См. github.com/taptapship/wiredep#build-chain-integration. - person Stephen; 24.12.2014