Зачем нужен Bower? Как использовать Bower? Введение в Bower.

10.01.2015 bower, javascript

Зачем нужен Bower и с чем его едят - наверно, каждый, кто в первый раз сталкивается с ним, задаётся этим вопрос. Bower, это такой же пакетный менаджер, как и Composer, но для Javascript, а не PHP, который очень сильно упрощает работу с пакетами. Из преимуществ следует отметить то, что мы легко можем получить любой пакет, а так же обновить его до последней версии.

Стоит отметить то, что время, когда всё делать ручками - ушло. Давайте уже использовать современные методы и технологии. Для некоторый это, возможно будет сложно, но такие вещи как Composer или Bower - прекрасны.

Введение в Bower

Bower - это пакетный менаджер для Javascript, используя который, можно легко, к примеру, получить библиотеку jQuery не пользуясь браузером. Всё что нам потребуется, это набрать в консоли bower install jquery и вот у нас уже есть это библиотека.

Для того, чтобы начать использовать Bower, его нужно установить. Устанавливается он для разных ОС и дитрибутивов по-разному. Поэтому какой-то дополнительной информации, кроме, которая есть на оф.сайте Bower я не буду добавлять. Не будем плодить тырнет неработающими статьями по установке Bower, которых и так достаточно. Скажу только, что вам потребуется установленный Node.js, npm и Git.

Как использовать Bower?

После установки, перейдем в корень директории вашего проекта и создадим конфигурационный файл .bowerrc для Bower с таким содержимым:

{
  "directory": "public_html/assets/"
}

Как вы уже заметили, Bower тоже используется JSON как и Composer. В только что созданном файле мы указали директорию установки всех пакетов по умолчанию.

Теперь давайте установим jQuery:

bower install jquery

После успешного выполнения комманды у нас в public_html/assets будет лежать папка jquery с одноименной библиотекой, которую мы можем подключить.

Я указал директорию по умолчанию к папке с вложениями используемыми на сайте, как вариант. Скорее всего, вы задались вопросом "что делать с лишними файлами"? Всё очень просто. Удалять их нет необходимости, если вы используете Git. Достаточно создать в директории assets файл .gitignore где мы можем указать все директории или файлы, которые не желаем видеть в репозитории, тем самым они туда никогда не попадут, независимо от того, сколько раз мы обновим библиотеку. Если же вы не пользуетесь Git - начините. Хватит оставаться в пещере.

Теперь предлагаю установить библиотеку, которая не зарегистрирована в Bower. К примеру установим это https://github.com/bupy7/Gallerama. Это моя галерея, когда-то мной написанная, но так и не доведенная до ума. Если мы вобьём название репозитория в поиск, то получим фигу, потому что там отсутствует файл bower.json в отличии от https://github.com/objectivehtml/FlipClock где этот файл есть и мы прекрасно можем найти этот репозиторий если напишем

bower search objectivehtml/flipclock

и так же просто его установим

bower install objectivehtml/flipclock

В случае, когда мы не можем установить библиотеку способом выше, мы указываем явно где, что и откуда устанавливать, а Bower уже сам разберётся. Минус в таком способе, что все зависимости придется ставить самим, а не Bower это сделает за нас. В остальном никаких проблем.

bower install https://github.com/bupy7/Gallerama.git

И эта библиотека у нас появится в папке с остальными.