В прошлой статье я достаточно подробно попытался объяснить, что такое пакетный менеджер, и какое его основное предназначение в веб-разработке на примере работы с пакетным менеджером Bower. Поэтому, если вы еще не сталкивались с таким термином, как пакетный менеджер, то крайне рекомендую перейти и прочитать данную статью, а затем вернуться и прочить еще и эту. =)
В целом, работа с Yarn практически ничем не отличается от работы с Bower, разве что некоторые команды называются по-другому.
Сегодня же мы поговорим о пакетном менеджере зависимостей Yarn.
Я не буду долго описывать все плюсы этого инструмента, и сравнивать его с тем же Bower, скажу лишь что он более современней, и да, сами разработчики Bower рекомендуют мигрировать на Yarn.
Ок, давайте мигрировать. =)
Установка и инициализация Yarn
На официальном сайте Yarn есть большой список различных вариантов установки решения: это можно сделать и через Chocolatey, и через Scoop. Но на мой взгляд, самый простой способ установить через старый-добрый nmp. У вас же установлен node.js верно? =)
Установка yarn
> npm install -g yarn
Конечно же, мы можем проверить версию Yarn с помощью команды:
Текущая установленная версия yarn
> yarn -v
Также можем посмотреть список доступных команд, через хелпер:
Список доступных команд
> yarn help
Установим пакетный менеджер глобальной. Перейдем в директорию проекта и выполним инициализацию Yarn:
Инициализация Yarn в проекте
> yarn init
В процессе инициализации, привычно отвечаем на вопросы терминала, и по итогу получаем знакомый многим файл package.json в папке нашего проекта.
Как вы уже догадались в данном файле мы будем хранить список зависимостей нашего проекта, все по аналогии с bower.json. Главная разница же заключается в том, что файл package.json является "родным" в больших приложениях, основанных на экосистеме node.js.
Установка пакетов
Для установки пакетов используем команду add:
Установка пакетов
> yarn add [package]
Мы также можем устанавливать конкретную версию пакета и навешивать флаги категорий зависимостей на устанавливаемый пакет. Сделаем это на примере плагина fancybox.
> yarn add fancybox@1.3.4 --dev
Вам доступны следующие флаги: --dev (devDependencies ), --peek (peerDependencies) и --optional (optionalDependencies).
При установке fancybox, также будет скачена зависимость в виде jquery.
Вы можете установить все зависимости из файла package.json с помощью команды > yarn или > yarn install:
Установка всех зависимостей из package.json
> yarn install
Обновление и удаление пакетов
Обновление пакетов происходит с помощью команды upgrade:
Обновление пакетов
> yarn upgrade [package]
В данном примере мы обновим сразу несколько пакетов, записав их списком:
> yarn upgrade jquery fancybox
Удаление пакетов
> yarn remove [package]
Например:
> yarn remove jquery
В связке с Yarn широко используют Gulp или Webpack, но это уже другая история.
Конечно же, это не все возможности данного пакетного менеджера и более полную информацию ищите на официальном сайте проекта Yarn.
Друзья, ваши подписки, лайки и комментарии вдохновляют меня на написание качественного и интересного материала! Всем добра!
Внимание! Данный материал является авторским, запрещено любое использование материала без согласия автора статьи.
