Введение в Bower

Bower - это …

Bower - пакетный менеджер для фронтэнда. Создан командой из Twitter в 2012 году. Bower может управлять компонентами, которые содержат HTML, CSS, JavaScript, шрифты или даже файлы изображений. Основная задача Bower’а заключается в установке необходимых пакетов (фреймворков, библиотек), для работы веб-приложения.

Что такое Пакетный менеджер?

Package Manager (Менеджер Пакетов) - инструмент, который автоматизирует установку, обновление и удаление определенных зависимостей проекта, включая фреймворки и библиотеки, которые хранятся в удаленном хранилище (репозитории) и необходимые для разработки веб-приложения

Bower в отличии от пакетного менеджера NPM работает с зависимостями необходимые для использования в самом веб-приложении, и которые отвечают за ту или иную функцию в нем, например AngularJS, Backbone.js, jQuery и другие. В то время как NPM работает с зависимостями в среде Node.js, т.е. те, что являются инструментами для разработки (Gulp, Browser-sync, Jade и др).

Отличие Bower и npm
Отличие Bower и NPM

Использование Bower

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

Все тоже самое можно проделать при помощи Bower за более короткое время, одной несложной командой.

bower install jquery

Так в директории с нашим проектом, по умолчанию появится папка - bower_components, в которой хранятся все скачанные пакеты, в тому числе только что скачанный jQuery. Теперь нам останется лишь подключить jQuery в наш проект, например вот так:

Как установить Bower?

Перед установкой Bower, убедитесь, что у вас уже установлены Node.js, NPM и Git.

Для установки Bower используйте следующую команду.

npm install -g bower

После установки проверим версию и убедимся, что все прошло успешно.

bower --version