私は最近、Webpack の調査を開始しました。これは、真の CSS モジュールの記述を可能にする優れた機能と、スマートなバンドルなどと、HMR があるためです。それが私がここにいる理由です。ブラウザーをリロードせずに JavaScript コードを更新できる React Redux プロジェクトの例を見てきました。うわー、私はそれは不可能だと思いました。
Vanilla JS である私の現在のプロジェクトで動作させるために、特にフードの下でどのように機能するかをもっと知りたいと思っていました。
その間、関数型プログラミング言語への関心から Emacs にたどり着きました。javascript と HTML を更新する emacs エディターで利用可能な串刺しモードがあることがわかりました! ブラウザを再ロードせずにリアルタイムで。
どちらもローカルサーバーを使用して変更をブラウザにプッシュし、何らかの形でコードを更新するクライアント上のスクリプトを使用していることを知っています。しかし、アプリケーションの状態をどのように保持するのでしょうか。React プロジェクトに関しては、アプリのコンポーネント ベースの性質により、コンポーネントを新しいものに置き換えることができますが、変数を検索して新しい値を再割り当てする方法がわかりません。たぶん、彼らはいくつかの評価魔法を使っています。しかし、よくわかりません。
では、それらはどのように正確に機能するのでしょうか? 視点が間違っているのかもしれませんが、はっきりとしたイメージがありません。
EmacsにはHTMLのライブアップデートもあります.webpack HMRはそれを行うことができますか?
(私はJSでやっているので、HTMLについてはあまり気にしません。しかし、これら2つの違いを説明できると思います。)そうすることでどちらが良いですか？
それぞれの長所と短所は何ですか? それとも、それらは単に世界の異なる部分であり、統合してさらに優れたものにすることができますか?ローカル Web サーバーのようなミドルウェアを必要とせず、ブラウザー拡張機能と通信するエディター プラグインだけで、さらに優れたオプションがあるのではないでしょうか?
PS: 仕事を最適化できる学習ツールは気にしません。