Шаг 2. Новая особенность

Внимательные студенты могли заметить, что страница в браузере на сервере (локалхосте) некорректно отображается или обновляется.

Настало время познакомиться с такой особенностью сервера, как его поле hot — «горячая замена модулей». Оно отвечает за то, чтобы изменения в конфиге мгновенно подтягивались.

При включённом hot — а по умолчанию он всегда активен — в консоли браузера вы увидите следующие надписи:

Первая строка говорит, что у нас включены HMR и другие поля, о настройке которых мы поговорим позднее.

Чтобы всё отображалось корректно, нужно в файле webpack.config.js в поле devServer прописать: hot: false.

Как это выглядит:

  devServer: {
    open: true,
    host: 'localhost',
    hot: false,
  }

После этого любые изменения в HTML, CSS или JS будут отображаться корректно.