4.6. Задание: оптимизация проекта
Материалы
В этом задании вам нужно запустить уже готовый проект.
Перед вами приложение — счётчик с размещёнными в корне проекта изображениями и добавленной функциональностью, который не работает. При сборке проекта в консоли появляются рекомендации, которые стоило бы убрать:
Ваша задача:
- Добавить в проект npm-пакет fontmin-webpack — в поле
devDependenciesфайла package.json. - Разместить изображения в отдельную директорию — dist.
- Оптимизировать размер бандла, разделив JS на два файла. Сжать шрифты с использованием пакета fontmin-webpack.
Инструкция по использованию fontmin-webpack.
Когда справитесь с задачей, нажмите на кнопку «Задание готово» — ниже в программе откроется эталонное решение, предложенное авторами. Сравните свой результат и решение авторов.