Шаг 1. Знакомство с проектом

Перед нами новый проект, в котором можно переключать тему — салон оптики.

Ссылка на исходный код проекта с ненастроенным конфигом.

Проект написан с использованием библиотеки React, имеет множество стилей, картинок и шрифтов. Как раз то, что нам нужно, ведь наша цель — сложить все файлы по отдельности с добавлением отдельного файла со стилями.

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

Оптимизация проекта на этапе сборке очень важна. Представьте, что вам нужно выбирать: ждать сборку проекта более пяти минут или потратить время на оптимизацию, уменьшить размер бандла и собирать проект за пять секунд. Второй вариант выглядит разумнее.

Конечно, всё субъективно, ведь проекты бывают очень крупными, особенно если разработка над ними ведётся долгие годы — тогда время сборки возрастает в разы.