Установка bower c node на debian и ubuntu и пример использования bower

bower

Даже если у вас текущая специализация в разработке это back-end, а не , все равно стоит посмотреть в сторону . Даже наоборот, будет гораздо легче управлять зависимостями всего  лишь правкой конфига и одной командой bower install, по аналогии с привычным composer install. Единственное, что изменится, это пути откуда будут подключаться js и css файлы.

Установка

Есть несколько способов установки node, я пройдусь по некоторым, но лично я предпочитаю сборку из исходников.

Для можно поставить из репозиториев jessie.

В этом случае странно то, что бинарник ставится с именем nodejs, а не node.

Так же можно поставить автоматическим скриптом.

Этот скрипт сам добавит репозиторий или ppa, добавит ключи и обновит локальный кеш пакетов.

Так же можно установить через Node Version Manager (nvm)

Все эти способы хороши и будут работать, но я предпочитаю все же исходники. Собираться будет последняя версия из исходников.

Дальше собираем и ставим. Может длиться достаточно долго, минут 10-15.

Проверяем версию, должна быть последняя.

 Установка bower и пример использования

 

Теперь можно установить bower, который по сути является node пактом. Bower предоставляет обертку над Git и спрециализируется на работе с front-end пакетами.

Последняя команда выдаст справку. Что же мы получили в итоге?
Теперь устанавливать заивисимости для front-end очень легко! Можно например установить jquery или конкретную версию jquery 1.8

Какие пакеты доступны в bower? Да практически все, посмотреть можно на специальном сайте http://bower.io/. Тут есть и jquery и bootstrap и angular и underscore и просто какие-то пакет и расширения, вроде пакетов к jquery или например bootstrap-datepicker, вообще все что нужно для front-end.

Использовать пакеты для подключения в проекте так же легко, все будет устанавливаться в папку bower_components по умолчанию.

Но можно опеределить папку для установки самостоятельно, положив в корень проекта файл .bowerrc с содержимым

Такой путь я использую для Zend Framework 2. Как же теперь сохранить установленные зависимости в проекте? Все очень просто, можно при установке пакетов использовать опцию –save, она добавит в файл bower.json в корне проекта зависимость. А можно редактировать этот файл самостоятельно. Выглядеть он может например так.

Дальше остается только выполнить bower install и подключить файлы в head как обычно.