Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке dev-залежності і чим вони відрізняються від звичайних dependencies?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Dev-залежності (**`devDependencies`**)** - це пакети, які потрібні **лише під час розробки**, але не потрібні застосунку в роботі на продакшені. **Звичайні залежності (**`dependencies`**)** - це пакети, які **потрібні застосунку в runtime**, тобто безпосередньо під час його виконання. **Ключове:** dev-залежності зазвичай не встановлюють на продакшен, щоб зменшити розмір оточення і прискорити деплой.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Dev-залежності (**`devDependencies`**)** - це пакети, які потрібні **лише під час розробки**, але не потрібні застосунку в роботі на продакшені. **Звичайні залежності (**`dependencies`**)** - це пакети, які **потрібні застосунку в runtime**, тобто безпосередньо під час його виконання. --- ### У чому різниця по суті | Тип | Де використовується | Приклади | |---|---|---| | `dependencies` | під час виконання застосунку | `react`, `axios`, `express` | | `devDependencies` | лише в процесі розробки та збірки | `webpack`, `eslint`, `jest`, `babel` | --- ### У чому практична різниця 1. **Звичайні залежності встановлюються і на продакшен-сервер**, тому що застосунок без них не запуститься. 2. **Dev-залежності на продакшен зазвичай не ставлять**, щоб: - зменшити розмір оточення, - прискорити деплой, - виключити зайві інструменти, які там не потрібні. --- ### Як вони встановлюються - Звичайна залежність: ```bash npm install react ``` - Dev-залежність: ```bash npm install webpack --save-dev ``` --- **Коротко:** `dependencies` - це те, що потрібне застосунку для роботи. `devDependencies` - це те, що потрібне лише розробнику в процесі розробки та збірки.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.