Bower или как систематизировать компоненты для front-end

В своей ежедневной работе я использую целую кучу библиотек, плагинов, каких-то своих наработок. Это круто, но есть момент - как держать это всё в обновлённом состоянии ? Для решения этой задачи использую , который позиционируется как менеджер пакетов для front-end

По большому счёту, это bower - сам является пакетом, устанавливаемым (желательно глобально) через npm:

sudo npm install -g bower

Теперь, чтобы "всё заработало" нужно создать 2 файла для текущего проекта: 

  • bower.json
  • .bowerrc

Знакомо, правда? Да, это очень напоминает Gemfile или package.json. Вот что говорят разработчики:

This is similar to Node's package.json, or Ruby's Gemfile, and is useful for locking down a project's dependencies.

Круто! Для начала достаточно выполнить такую команду из корневой папки проекта:

bower init

Эта команда создаст нужный нам bower.json ну и теперь время его (файл bower.json) настроить. Настройкой засорять не буду - всё есть на официальном сайте. 

Помимо настройки и установки ассетов, есть несколько крутых фич:

  • Поиск по пакетам bower search angular
  • Информация по пакету и его версиям bower info bootstrap
  • Установка и удаление bower install <package> или bower uninstall <package-name>

 

Добавить комментарий

Содержание этого поля является приватным и не предназначено для показа.

Plain text

  • Разрешённые HTML-теги: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.