В этой части мы установим и будем использовать один пакет (package). "Пакет" это просто кусок кода, написанный кем-то другим, и который вы можете использовать в своей программе. Это может быть что угодно. Например, сейчас мы попробуем воспользоваться пакетом, который позволяет манипулировать цветами.
- Установим созданный сообществом пакет, называемый
color, путем запуска командыyarn add color.
Откройте package.json, чтобы увидеть, как Yarn автоматически добавил color в dependencies (зависимости).
Сам пакет находится в созданной папке node_modules, в которой хранятся импортируемые пакеты.
- Добавьте
node_modules/в файл.gitignore(и запуститеgit init, чтобы создать новый репозиторий, если вы еще этого не сделали)
Вы также могли заметить файл yarn.lock, сгенерированный Yarn. Вам необходимо зафиксировать (commit) этот файл в репозитории, так как это гарантирует, что любой член вашей команды использует те же самые версии пакетов, что и вы. Если вы все еще предпочетаете NPM, а не Yarn, эквивалентом этого файла будет shrinkwrap.
- Добавьте
const Color = require('color');вindex.js - Используем пакет, например, таким образом:
const redHexa = Color({r: 255, g: 0, b: 0}).hexString(); - Добавьте
console.log(redHexa). - Запустите
yarn start- должны увидеть#FF0000.
Поздравляю! Вы установили и применили пакет!
color здесь просто пример, чтобы научить вас использовать пакеты. Больше он нам не нужен, можно его удалить:
- Выполните
yarn remove color
Примечание: Существует два вида зависимостей для подключения пакетов: "dependencies" и "devDependencies". "dependencies" - более общее понятие, чем "devDependencies", так как последние используються только для разработки, а не выпуска (production) приложения (обычно это пакеты связанные с процессом построения, анализаторы кода и т.п.). Для "devDependencies", будем использовать yarn add --dev [package]. (прим. пер. npm install [package] --save-dev)
Следующий раздел: 3 - Setting up ES6 with Babel and Gulp
Назад в предыдущий раздел или Содержание.