Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що змінюється при перемиканні між режимами development і production?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Перемикання Webpack між режимами `development` і `production` автоматично змінює поведінку збірки: у `development` код лишається читабельним і збірка швидка, а в `production` код мінімізується, вмикається tree shaking і оптимізуються CSS та JS. **Ключове:** `mode` - це перемикач логіки збірки.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняПри перемиканні між режимами `development` і `production` у Webpack автоматично змінюється поведінка збірки. ### **У режимі** `development`**:** - **Код лишається читабельним**, без мінімізації - **Увімкнена source map за замовчуванням** (спрощує налагодження) - **Швидка збірка**, оптимізації вимкнені або мінімальні - **Акцент на комфорт розробки**, а не на розмір бандла ### **У режимі** `production`**:** - **Код мінімізується** (зменшуються пробіли, скорочуються імена змінних тощо) - **Увімкнено tree shaking** (видалення невикористовуваного коду) - **Оптимізуються CSS і JS** - **Файли стають меншими** - **Покращено кешування** (часто використовується `filename` з хешами) - **Source maps або вимкнені, або приховані** ### Коротка суть: | Режим | Для чого | Особливість | |---|---|---| | `development` | розробка | швидкість і зручність | | `production` | продакшн | оптимізація і мінімальна вага | Webpack за замовчуванням вмикає набір оптимізацій залежно від режиму, тому `mode` - це **перемикач логіки збірки**.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.