Що змінюється при перемиканні між режимами development і production?

При перемиканні між режимами development і production у Webpack автоматично змінюється поведінка збірки.

#У режимі development:

• Код лишається читабельним, без мінімізації
• Увімкнена source map за замовчуванням (спрощує налагодження)
• Швидка збірка, оптимізації вимкнені або мінімальні
• Акцент на комфорт розробки, а не на розмір бандла

#У режимі production:

• Код мінімізується (зменшуються пробіли, скорочуються імена змінних тощо)
• Увімкнено tree shaking (видалення невикористовуваного коду)
• Оптимізуються CSS і JS
• Файли стають меншими
• Покращено кешування (часто використовується filename з хешами)
• Source maps або вимкнені, або приховані

#Коротка суть:

Webpack за замовчуванням вмикає набір оптимізацій залежно від режиму, тому mode - це перемикач логіки збірки.