3.4. Задание: настройка мультистраничного приложения

Материалы

Работа над заданием

Задание принимается автоматически после нажатия на кнопку «Задание готово»

В этом задании мы продолжим работу над проектом — счётчиком кликов по кнопке и нажатий клавиш клавиатуры.

В предыдущем разделе мы подготовили конфиг и настроили зависимости. Теперь настройте входные точки для проекта.

Для этого нужно:

  1. Добавить в конфиг html-loader в качестве обработчика.
  2. Настроить входную точку самого webpack на работу с двумя JS-файлами.
  3. Настроить входную точку для HtmlWebpackPlugin на работу с двумя HTML-файлами.

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

После сборки проекта в директории dist должно находиться два JS- и HTML-файла с полностью рабочей функциональностью по раздельности.

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