React Frontend Developer

Question 1

Для чего нужен package.json в JavaScript-проекте?

Accepted Answer

package.json описывает проект и его зависимости. В нём хранятся имена библиотек, версии, скрипты и метаданные проекта. Этот файл используется менеджерами пакетов для установки зависимостей. Он определяет, как проект собирается и запускается. Без него невозможна стандартная работа с npm или yarn.

Question 2

Чем отличается package.json от package-lock.json?

Accepted Answer

package.json описывает зависимости и допустимые диапазоны их версий. package-lock.json фиксирует конкретные версии установленных пакетов и их дерево зависимостей. package.json нужен для описания проекта, а package-lock.json — для воспроизводимых установок. Они дополняют друг друга. Вместе они обеспечивают стабильность окружения.

Question 3

Почему в package.json версии зависимостей указываются диапазоном, а не точным значением?

Accepted Answer

Версии зависимостей указываются диапазоном, чтобы автоматически получать исправления ошибок и обновления безопасности без ручного вмешательства. Это позволяет проекту оставаться совместимым с новыми версиями библиотек, не требуя постоянного обновления package.json. Диапазоны задаются с помощью символов ^ (совместимые обновления) и ~ (только патчи).

Question 4

Что такое зависимости в контексте package.json?

Accepted Answer

Зависимости в package.json — это пакеты, необходимые для работы проекта. Они делятся на два типа: dependencies (для продакшена) и devDependencies (только для разработки). dependencies устанавливаются всегда, а devDependencies — только при разработке. Это помогает оптимизировать сборку и развертывание приложения.

Question 5

Чем отличаются секции dependencies и devDependencies в package.json?

Accepted Answer

В секцию dependencies помещаются пакеты, необходимые для работы приложения в продакшене, например, Express или React. В devDependencies — инструменты, используемые только в процессе разработки, такие как тестовые фреймворки, сборщики или линтеры. При установке с флагом --production или в CI/CD devDependencies не устанавливаются, что уменьшает размер продакшен-сборки.

Question 6

Для чего нужна секция resolutions в package.json?

Accepted Answer

Секция resolutions в package.json используется для принудительного указания версий транзитивных зависимостей. Это позволяет переопределить версию пакета, который используется как зависимость другой зависимости. Поле полезно для исправления уязвимостей или конфликтов версий без изменения прямых зависимостей. Оно поддерживается в Yarn и pnpm, но не в npm (там используется overrides).

Вопросы React Frontend Developer