Пакетный менеджер Bower

Сегодня мы рассмотрим пакетный менеджер Bower, назначение и особенности работы с ним.

Пакетный менеджер Bower позволяет быстро находить и устанавливать библиотеки в проект.

Требуется node.js и npm

Необходимо установить bower глобально:
npm install -g bower

или
npm bower i


Проверка какая версия bower установлена:
bower -v


Поиск и установка библиотек:

Поиск библиотек через bower возможен двумя путями:

1. Через консоль

bower s jquery
чтобы получить больше информации о конкретной библиотеке необходимо подать команду
bower info jquery

чтобы установить библиотеку нужно:
bower i jquery#2.1.1
В проекте создастся папка bower_components

2. Через официальный сайт bower

Просмотр установленных библиотек:

bower list

Обновление библиотек:

bower update jquery
или установить другую версию
bower i jquery#1.6.4

Удаление библиотек:

bower unstall jquery

Или
bower unstall jquery -S

При использовании bower.json указание ключа -S или -D является обязательным!

Подключение библиотек в html

Чтобы получить путь к библиотеке можно воспользоваться командой:
bower list --path
и скопировать полученные пути в html

Файл bower.json

Для генерации этого файла:
bower init

Для установки зависимостей из файла bower.json подаём команду:
bower install

Для включения библиотеки в сборку на продакше необходимо подавать команду (dependencies)
bower i jquery
или
bower i jquery -S

Для пометки библиотеки только как служебной, нужной только в процессе разработки, пишем команду: (devdependencies)
bower i jquery -D

Напротив версии библиотеки может быть указана её версия с спец. символом:
«jquery»: «~1.4.6» — версию библиотеки можно обновлять не выше чем 1.4.5

«jquery»: «^1.4.6» — можно обновлять, но не выше 1.5.0

«jquery»: «latest» — последняя версия библиотеки

Настройка bower

Чтобы изменить место для скачиваемых библиотек необходимо
1. Создать файл .bowerrc
2. Указать путь в параметре directory

1
2
3

{
   "directory": "lib/bower"
}

3. Создаём папку lib в корне сайта