Шаг 1. Вводные данные

Нам предстоит работать с уже знакомым проектом. В нём есть счётчики и кнопка, при нажатии на которую отрисовывается блок с изображениями и текстом.

Наша задача — научиться работать с изображениями и другими файлами, управляя их размером и размером приложения (бандла) на выходе. Ведь чем меньше размер, тем быстрее браузер запустит приложение.

Что у нас есть: несколько изображений с разным размером, шрифт размером более 1 МБ и минимальная стилизация.

Вес шрифта уже превышает значение, установленное webpack-ом по умолчанию. Нужно с этим что-то делать.