Как настроить проекты и укрепить их с помощью Bower

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

Рекомендуемое чтение: как легко устанавливать, обновлять и удалять веб-библиотеки с помощью Bower

Изменить каталог беседок

По умолчанию Bower создаст новое имя каталога: bower_components. Если имя не подходит вам, вы можете изменить его.

Сначала нам нужно создать новый файл с именем .bowerrc. Затем добавьте в него следующую строку.
{
“каталог”: “компоненты”
}

Он говорит Bower создавать и сохранять библиотеки, установленные в папке с именем компонентов.

Бауэр JSON

Bower JSON – это файл, который определяет ваш проект как пакет Bower. Файл определяет имя проекта, версию, зависимости проекта, а также информацию, которая очень полезна для отслеживания и документирования вашего проекта.

Чтобы создать этот файл, перейдите в каталог вашего проекта и введите bower init. Вам будет предложено несколько вариантов и вопросов, в том числе название (вашего проекта). Хотя остальные параметры являются необязательными, я бы предложил вам заполнить следующее: описание, версия, основной файл, который определяет основные файлы проекта, автор, лицензия, домашняя страница и зависимости, которые являются библиотеками, на которые опирается ваш проект.

Если у вас уже есть библиотеки, установленные в bower_components, вы можете выбрать Y, когда будет предложено «установить установленные компоненты как зависимости?»; Bower автоматически зарегистрирует их как зависимости в файле.

Бауэр покажет вам содержимое, прежде чем он создаст файл. Если все выглядит хорошо, вы можете набрать Y…

… И новый файл с именем bower.json будет создан в каталоге вашего проекта.

Экспорт старых проектов в Bower
Теперь, когда вы знаете, что Bower – отличный инструмент для управления вашими проектами, вы можете использовать его в своих предыдущих проектах. Как правило, в ваших старых проектах вы могли связать библиотеки таким образом в,

Взяв это за пример, мы видим, что проект зависит от jQuery, Normalize и Accounting.js (см. Наш предыдущий учебник «Форматирование чисел с Accounting.Js»).

Итак, давайте запустим bower init в этом проекте. Затем откройте bower.json и определите их как зависимости.

“зависимости”: {
“jquery”: “1.10.2”,
“normalize-css”: “3.0.1”,
«бухгалтерский учет»: «0.3.2»
}

Затем запустите команду thebower install. Это отсканирует bower.json и установит библиотеки, которые перечислены в списке зависимостей.

Вместо этого вы можете безопасно удалить старые библиотеки и связать их с каталогом компонентов Bower. И любой, кто будет продолжать проект позже, может легко установить и обновить библиотеки с помощью команд Bower.

Заворачивать

Бауэр предоставляет нам множество конфигураций, большинство из которых мы не можем здесь полностью описать. Чтобы изучить больше его командных строк, вы можете ввести подсказку bower, которая вернет другие утилиты Bower. Наконец, вы можете использовать Bower в любом масштабе проекта (маленький или большой). Это должно быть полезно, чтобы сделать проект более управляемым.