Получить доступ

Пакетные менеджеры — npm, pnpm, Yarn

Основа с Junior

Зависимости проекта, package.json, версии и lock-файл.

{
  "scripts": { "dev": "vite", "build": "vite build", "test": "vitest" },
  "dependencies": { "react": "^19.0.0" },
  "devDependencies": { "typescript": "~5.6.0", "vite": "^6.0.0" }
}

Что важно знать

  • Семантические версии MAJOR.MINOR.PATCH: ^1.2.3 разрешает обновления до 2.0.0, ~1.2.3 — только патчи.
  • Lock-файл (package-lock.json, pnpm-lock.yaml) фиксирует точные версии всего дерева — его коммитят; в CI ставят npm ci, который строго следует lock-файлу.
  • dependencies нужны в работе приложения, devDependencies — только для разработки и сборки.
  • pnpm хранит пакеты один раз на диске и не даёт использовать непрописанные зависимости; Yarn — альтернатива с похожими возможностями. Выбирают по проекту; принципы одни.
  • npx запускает бинарник пакета без глобальной установки.
  • Безопасность: npm audit, осторожность с малоизвестными пакетами и скриптами postinstall — атаки через цепочку поставок реальны.

Критерии освоения

Junior ≈ 3 ч

  • Устанавливает зависимости, различает dependencies и devDependencies и коммитит lock-файл
  • Объясняет семантические версии и разницу ^ и ~

Практика. Разобрать package.json и lock-файл своего проекта и объяснить, откуда взялась каждая прямая зависимость.

Middle ≈ 3 ч

  • Использует npm ci в CI, обновляет зависимости осознанно и проверяет уязвимости
  • Работает с workspaces pnpm

Практика. Обновить зависимости проекта до актуальных мажорных версий с проверкой ломающих изменений и аудитом уязвимостей.

Документация

← Вся карта «Frontend-разработчик»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем