私は約2年前からWebpackを試していて、すべての新しい開発をGulpからWebpackに切り替えました。それ以来、HMRロジック専用のコードをソースファイルに追加することを躊躇していましたが、後で、ソースエントリポイントの最後に3行だけで、すべてのソースファイルに対して以下が機能することがわかりました。
if (module.hot) {
module.hot.accept();
}
上記の3行は完全に機能しており(少なくとも私が遭遇したユースケースでは)、accept
呼び出しで個々のファイルを指定する必要はありません。私のすべてのJavaScript(私が知る限り)とCSSは、リロードなしでほぼ瞬時にブラウザーで置き換えられます。これは、ブラウザーでライブリロードを行い、ファイルを保存するたびにアプリケーションの状態全体を失うという取り決めよりもはるかに優れています。
問題は、(私が思う限り)HMRがhttps://のガイドに従うだけで機能するように見える場合、react-hot-loader、vue-hot-loader、angular-hot-loaderなどのライブラリの目的は何ですか?公式ウェブサイトのwebpack.js.org/guides/hot-module-replacement?
私はまだそのようなホットロードモジュールの重要性を理解することができず、すべてが期待どおりに機能しているように見えるので、将来いつか(そしてもし)私が学ぶまで、私の実装はそれらがなくても問題ないと結論付けますそうでなければ。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加