4.6. Задание: оптимизация проекта

В этом задании вам нужно запустить уже готовый проект.

Перед вами приложение — счётчик с размещёнными в корне проекта изображениями и добавленной функциональностью, который не работает. При сборке проекта в консоли появляются рекомендации, которые стоило бы убрать:

Скриншот консоли редактора кода после сборки проекта
Скриншот консоли редактора кода после сборки проекта

Ваша задача:

  1. Добавить в проект npm-пакет fontmin-webpack — в поле devDependencies файла package.json.
  2. Разместить изображения в отдельную директорию — dist.
  3. Оптимизировать размер бандла, разделив JS на два файла. Сжать шрифты с использованием пакета fontmin-webpack.

Что должно получиться
Что должно получиться

Инструкция по использованию fontmin-webpack.

Когда справитесь с задачей, нажмите на кнопку «Задание готово» — ниже в программе откроется эталонное решение, предложенное авторами. Сравните свой результат и решение авторов.