Шаг 2. Сборка проекта в разных режимах

Есть два режима сборки проекта:

• dev — девелопмент или разработка;
• prod — продакшн.

В режиме разработки код не минимизирован — его легко читать. Также в зависимости от описания логики поведения конфига для сборки мы можем гибко управлять размещением файлов, включением или отключением плагинов и кешированием.

При сборке проекта в продакшн-режиме код минимизирован — разработчикам его сложно читать. Но чем меньше строк кода и размер бандла на выходе, в директории dist, тем быстрее будет загружаться страница.

Сейчас в собранном виде проект имеет следующий вид:

Все файлы размещены в одной директории, у них непонятные имена в виде хешей. Нужно срочно это исправлять.