Bower — зачем нужен, установка и настройка
На данный момент, Bower один инструмент front-end разработчиков по всему миру. Наряду с Grunt и Gulp, он вызывает много вопросов у начинающих разработчиков.
Что же такое Bower? Говоря по простому, Bower управляет пакетами, которые вы захотите использовать в проекте. Важно отметить, что в данном случае «пакет» имеет несколько другое значение, чем библиотека или фреймворк.
Bootstrap — это пакет. jQuery — это тоже пакет.
Приведем цитату с официального сайта:
Веб-сайты сделаны из многих частей — фреймворки, библиотеки, css и javascript файлы. Bower управляет всеми составляющими.
Почему надо использовать Bower?
Как разработчик, вы должны стремиться к тому, чтобы максимально автоматизировать свою работу. Неэффективно грузить файлы библиотек и фреймоворков в проект по отдельным файлам. Используя Bower вам не нужно будет заниматься загрузкой вручную.
Например, вы хотите установить Angular в ваш проект. Вместо того, чтобы искать в интернете, где скачать файлы Angular или подключить CDN, вы можете запустить команду bower install angular и bower установит фреймворк в ваш проект.
Использование bower.json и .bowerrc
bower.json и .bowerrc — это два основных файла для работы с bower.
Bower.json
Настроив bower.json вы можете использовать одни и те же пакеты в разных проектах. По принципу работы он очень похож на package.json. Он состоит из различных зависимостей для конкретного проекта.
Эти пакеты определяются в виде JSON объектов.
Для того, чтобы установить пакеты, надо создать файл bower.json с зависимостями в папке вашего проекта и запустить команду bower install.
Дополнительно, вы можете использовать командную строку для добавления нужных пакетов в bower.json. Для этого надо использовать команду bower install
Пример файла bower.json
1 2 3 4 5 6 7 8 9 10 11 | { "name": "example", "version": "0.0.1", "dependencies": { "jquery": "latest", "bootstrap-sass": "latest", "font-awesome": "latest", "html5shiv": "latest", "respond": "latest" } } |
В данном примере мы задаем имя проекта «example», версию «0.0.1» и зависимости. После запуска команды bower install, будут установлены пакеты jQuery, Bootstrap Sass, FontAwesome, html5shiv и respond. Найти нужные пакеты вы можете на сайте http://bower.io/search/
.bowerrc
RC файлы — это конфигурационные файлы для программ в Unix операционных системах. .bowerrc используется для определения конфигурации Bower, задания путей для сохранения библиотек в вашем проекте.
Например, если вы хотите, чтобы все библиотеки сохранились в папке public/libs, задайте в .bowerrc следующую строку:
1 2 3 | { "directory": "dev/libs/" } |
Если вы не укажете путь сохранения, Bower сохранит все пакеты в папку bower_components.