Bower действительно хорош для команд, потому что он самодокументирует ваши зависимости от внешнего интерфейса. Для этого их очень легко обновлять по мере изменения вашего проекта. Это отлично подходит для процесса сборки вашего проекта как локально, так и на сервере. Вы также можете использовать Bower для создания собственных частных репозиториев, а также для повторного использования в разных проектах.
В предыдущем посте я рассказал о том, что такое Bower , и о некоторых его особенностях. В этой статье я расскажу о преимуществах использования Bower и о том, как он может улучшить вашу разработку на WordPress.
Это самодокументирование
Как я уже упоминал ранее, bower действительно хорош для команд, потому что он самодокументирует ваши зависимости переднего плана. Если вы читали мой предыдущий пост о Grunt, это почти точно так. Когда вы устанавливаете пакет через Bower, вы вводите bower install package-name , все что вам нужно сделать, это добавить следующее в конце --save . Это добавит этот пакет в список зависимостей в файле bower.json вашего проекта.
Допустим, вы хотите включить Bootstrap в свою тему WordPress и использовать файлы .scss во время процесса сборки. Вы захотите использовать проект bootstrap-sass-official и установить его через Bower.
Вот как ты это сделаешь,
- Откройте ваш инструмент командной строки выбора
- Перейдите в корневую папку вашего проекта
- Введите
bower install bootstrap-sass-official --saveи нажмите «Return» (или «Enter»)
Если все установлено правильно, вы должны увидеть две вещи: новую папку boostrap-sass-official и boostrap-sass-official добавленные в ваш файл bower.json .
Вы захотите сделать это для каждого пакета, который вы хотите использовать с вашим проектом. Как только вы это сделаете, любой другой сотрудник или напарник сможет легко установить все необходимые пакеты для проекта. Все, что им нужно сделать, это ввести bower install и все пакеты будут загружены и установлены для проекта.
Конечно, эта техника не ограничивается рамками внешнего интерфейса, такими как Bootstrap. Существует целый доступный для поиска репозиторий пакетов, которые доступны для включения. Это может упростить управление зависимостями вашего проекта WordPress.
Обновление зависимостей
Опять же, это не редкость, когда пакеты часто обновляются, не так ли? Это еще одно место, в котором Бауэр становится полезным.
Теперь, когда у вас есть все документированные и установленные зависимости вашего проекта, очень легко обновлять эти пакеты, когда доступны обновления. Все, что вам нужно сделать, — это ввести bower update и Bower прочитает все ваши зависимости в файле bower.json и посмотрит, есть ли какие-либо обновления, которые нужно отключить.
Бауэр узнает, есть ли какие-либо доступные обновления, путем просмотра помеченной версии в вашем файле bower.json и проверки последней метки в репозитории GitHub проекта. Вы можете просмотреть версии с тегами, посмотрев страницу релизов, например, Boostrap Sass .
Чтобы понять больше о значении версий с тегами, вы должны проверить семантическое управление версиями . Это то, что большинство зарегистрированных проектов Bower используют для своих выпусков, поэтому удобно понимать, что означают цифры.
Процесс сборки
Пакеты, которые устанавливаются через Bower, нужны только во время сборки или компиляции, вам не нужно добавлять их в свой репозиторий. Папка bower_components является в значительной степени временной папкой, поэтому я бы также предложил добавить ее в файл .gitignore а также в репозиторий git вашего проекта, чтобы вы не добавляли их.
Если у вас есть сервер сборки или для вашего проекта настроена непрерывная интеграция, вы должны убедиться, что вы запустили bower install в начале сборки. После выполнения всех других задач вы можете очистить папку bower_components или запустить bower update bower_components при каждой последующей сборке.
Если вы используете Grunt для задач сборки, существует плагин grunt под названием grunt-bower-task, который может запустить bower install для вас.
Частные хранилища
Вы также можете использовать Bower для добавления ваших собственных частных репозиториев. Это может быть полезно для повторного использования кода в разных проектах. Допустим, у вас есть шаблон или пользовательская структура, которую вы используете для каждого проекта. Вы можете сохранить его как собственный репозиторий GitHub, а затем использовать его в других проектах с помощью Bower.
Вам нужно будет обязательно зарегистрировать его в общедоступном реестре Bower , чтобы снять его. Не беспокойтесь, если кто-то не имеет к нему доступа, он не сможет его снять.
Вывод
В этой статье я рассказал о том, как Bower может помочь в разработке WordPress. Я сосредоточился на документировании и обновлении зависимостей вашего проекта. Я также коснулся использования Bower как части вашего процесса сборки и использования ваших собственных частных репозиториев.
В следующем посте я расскажу, как настроить Bower в вашем следующем или существующем проекте. Я также поделюсь некоторыми продвинутыми способами использовать это в своем проекте.