Я использовал горячую перезагрузку веб-пакета в разработке, и это здорово.Это экономит мне много времени.Я искал в Интернете сегодня, чтобы получить хорошее представление о том, как это на самом деле работает, и не нашел никакого хорошего объяснения о его внутренней работе.Итак, я прошу здесь, чтобы получить хорошее понимание того, как это на самом деле работает.
Я немного попал в мой мини-проект горячей перезагрузки.На данный момент я настроил сервер узлов и простой клиентский код Javascript.Клиент подключен к серверу через веб-сокет, и сервер запускает события изменения для клиента на основе функции fs.watch из node.js, которая наблюдала за моей папкой с кодом при каждом изменении файла.
Я застрял в том, как я могу исправить обновление, полученное с сервера, в клиентском коде.Прямо сейчас у меня есть index.js файл в index.html.Поэтому мне интересно, как такие инструменты комплектации, как webpack, обеспечивают горячую перезагрузку, особенно то, как они исправляют обновление.
Я прочитал из webpack документов, что у них есть тонкая среда выполнения hrm в клиентском коде, который обновляет патч, но я не могу найти какой-либо подробной информации о том, как они достигли этого навыка.Открывают ли они клиентский файл index.js, используя FileReader, читают файл и записывают (?) Обратно?Опять же, у меня нет четкого понимания того, как это работает.Так что, если вы, ребята, могли бы дать мне какое-то направление, я мог бы углубиться в это.
Итак, мой вопрос: как они исправляют (вставляют) новый код в уже существующий код клиента, который находится в index.js?