私は開発中に webpack のホット リロードを使用してきましたが、これは素晴らしいものです。それは私に多くの時間を節約します。私は今日、それが実際にどのように機能するかをよく理解するためにウェブを検索してきましたが、内部の仕組みについての良い説明は見つかりませんでした. ですから、実際にどのように機能するかをよく理解していただくために、ここでお願いしています。
ミニホットリロードプロジェクトに少し来ました。今のところ、ノード サーバーと単純なクライアント側の Javascript コードをセットアップしました。クライアントは websocket を介してサーバーに接続され、サーバーは、ファイルが変更されるたびにコードフォルダーを監視したfs.watch
関数に基づいて、クライアントに変更イベントを発生させます。node.js
クライアントコードでサーバーから受け取った更新にパッチを当てる方法に行き詰まっています。今、index.js
ファイルを入れたところですindex.html
。webpack
そのため、ツールのようなバンドルがどのようにホット リロードを実現するのか、具体的にはどのようにアップデートにパッチを適用するのか疑問に思っています。
webpack
ドキュメントから、パッチを更新するクライアント コードにシン hrm ランタイムがあることを読みましたが、この偉業を達成する方法に関する詳細な情報を見つけることができなかったようです。index.js
を使用してクライアント ファイルを開き、ファイルをFileReader
読み取り、書き戻す (?) か。繰り返しますが、私はこれがどのように機能するかを明確に理解していません。それで、皆さんが私に方向性を教えていただければ、私はそれをより深く掘り下げることができます.
だから私の質問は、新しいコードを既存のクライアントコードにどのようにパッチ(挿入)するのindex.js
ですか?