• доступно о веб-разработке
17.11.2014 Linux, Mac, Node.JS, Windows, О сайте, Программы , ,

Bower – обзор пакетного менеджера

bower
Рабочий процесс веб-разработки состоит из множество повторяющихся операций. Каждый разработчик пытается упростить выполнение этих рутинных действий по-своему. В последние годы многие из нас всё чаще прибегают к полезному программному обеспечению, которое при помощи консоли или интерфейса пользователя помогают быстрее справляться с ежедневными задачами. Одной из таких программ является Bower.

Что позволяет делать Bower?

Одной командой уставить и обновлять (до актуальных версий) библиотеки скриптов на JavaScript и стилей CSS.

Например, моментально ставить jQuery. И ещё десяток библиотек. А после, одной командой всё обновить, когда возникнет необходимость.

Установка

Начнём с официального сайта утилиты:

http://bower.io

Для установки необходимо набрать всего одну команду в консоли:

npm install -g bower

Разумеется, npm – это Node Package Manager, а это значит что на вашей машине должен быть установлен Node.JS.

Думаю, что установка Ноды не составит какого-либо труда. На всякий случай напомню адрес дистрибутива для Mac, Windows и Linux:

http://nodejs.org/download/

Дальше всё просто.

Как это работает

 

При помощи консоли переходите в рабочую директорию вашего сайта.

И выполняете команду на установку того или иного пакета.

bower install <package>

Вот пример с официального сайта:

# registered package 

$ bower install jquery 

# GitHub shorthand 

$ bower install desandro/masonry 

# Git endpoint 

$ bower install git://github.com/user/package.git 

# URL 

$ bower install http://example.com/script.js

Обратите внимание, что можно ставить не только из репозитория, но и, например, с Git.

При помощи команды bower search <package> можно поискать пакеты в официальном репозитории.

Также это можно сделать при помощи веб-интерфейса:

http://bower.io/search/

Тонкости

По умолчанию всё ставится в папку ./bower_components, что не всегда удобно. Ручное изменение имени папки приведёт к потери возможности автоматического обновления.

Поэтому, в случае необходимости, лучшим выходом из ситуации станет правка файла конфигурации рабочей папки утилиты.

Для начала необходимо создать файл конфигурации.

Он создаётся автоматически при установке любого пакета или же вручную, если мы вызовем следующую команду:

# cd ваша_рабочая_директория — предварительно перейдём туда, где будем устанавливать пакеты

bower init

В корне директории появится файл bower.json, который будет иметь следующий вид:

{
  "name": "Название пакета",
  "version": "1.0.0", // Версия
  "directory": "bower_components/", // А вот это и есть наша директория
  "dependencies": {
    "jquery": "*"
  }
}

Это обычный JSON-объект, как вы уже догадались.

Обратите внимание на параметр directory. Если его нет, вы можете добавить его ключ в объект, а значением указать директорию, где будут храниться файлы.

Логично назвать её, например, vendor или assets.

Напоследок, вот небольшой видео-обзор от товарища Sorax:

Приятной работы с Bower.

Поделиться

Комментарии Правила дискуссии

Читайте ранее:
Spotlight 01 — Node.js | Express.js | Gulp.js | Snap.svg

Товарищ Sorax продолжает радовать коллег отличными видеороликами. На этот раз он подробно рассказывает про Node.JS, Express, Gulp.JS и Snap.SVG.

Закрыть