問題タブ [webpack-hmr]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - webpack のホット モジュール リロードを受け入れるべきでないのはどのような場合ですか?
したがって、webpack では、モジュールまたはモジュールの親に次のコードがある場合にのみ HMR が機能します。
そもそもなぜあなたがHMRを断るのだろうか。それを使用することによるパフォーマンス コストやその他の悪影響はありますか?
ドキュメントはこの問題についてあまり明確ではありません。
webpack - Webpack - 開発サーバーではホット リロードが機能するが、バックエンド サーバーでは機能しない
ライブリロードを機能させようとしています。基本的には、gearon-transform-boilerplate を使用します: https://github.com/gaearon/react-transform-b oilerplate
開発サーバー localhost:3000 に移動すると、ライブ リロードが発生します。
バックエンド サーバーに移動し、開発サーバーから src データをロードすると、次のようになります。
reactjs ページは適切に読み込まれますが、ホット リロードが行われません (つまり、コンポーネントを変更するときは、変更を確認するためにページを更新する必要があります)。
これはどのように機能するはずですか？src が変更されたときに、バックエンド サーバーが基本的にページを更新するようにするにはどうすればよいですか?
タグ webpack webpack-hmr webpack-dev-server
reactjs - 別のシステムで HMR クライアントを使用して webpack を実行する
ホットモジュールリロードを使用したWebpackセットアップが機能しています。これは、すべてをローカルホストに保持している限りうまく機能します。
しかし、ホット モジュール リロードが有効になっているクライアントを別のコンピューターで実行したいと考えています。
残念ながら、これを実行しようとすると、クライアントは「http://localhost:3001/sockjs-node/info」のホット モジュール リロード サーバーに接続できないと不平を言うだけです。
Webpack 構成ファイルを「webpack-dev-server/client? http://(ip address):4000」に変更し、webpack server.js をポート 4000 で実行するように変更すると、クライアントはまだエラーを返します。ページを完全に正常にロードしているにもかかわらず、 「 http://localhost:3001/sockjs-node/info 」に接続できません。
明らかに、webpack-dev-server にホット モジュール リロード用に別のクライアント アドレスを挿入するように指示する構成設定がいくつかありませんが、見つかりません。
どんな助けでも大歓迎です！
webpack - @import ファイルの変更時に Webpack と Precss がリロードされない
私は基本的な Webpack インストールをセットアップしており、PostCSS と PreCSS プラグインを使用して、@imported ファイル内の前処理された CSS をブラウザーで自動的にリロードしたいと考えています。現在、@imported ファイルを変更して保存すると、ブラウザーは更新されません (以下の例では body.css)。次に、ルート参照 CSS ファイル (styles.css) を保存すると、ブラウザーが更新され、@imported ファイルに加えられた変更も反映されます。
構成可能な webpack-dev-server と server.js を使用してみました。ホット モデル リロード (HMR) をインストールせずに試してみました。
@imported CSSファイルをwebpackに監視させる方法はありますか、それとも根本的に何かが欠けていますか?
パッケージ.json
webpack.config.js
index.html
entry.js
スタイル.css
body.css
javascript - __webpack_hmr が間違ったポートに行き、失敗する
セットアップでホットリロードを機能させようとしています。現在、それはそのように動作します -
サーバー.js
gulpfile.babel.js
今、
- 私が訪問した場合
localhost:5000。できます - にアクセスする
localhost:3000/build/client.jsと、それも機能します
しかし、ライブアップデートを取得できないものを更新する場合は、更新する必要があります... :(
[ネットワーク] タブを見ると、 へのリクエストが失敗していることがわかります http://localhost:5000/__webpack_hmr。これが原因ではないかと考えています。
http://localhost:5000/__webpack_hmr実際にあるはずですhttp://localhost:3000/__webpack_hmr
ただし、これを修正する方法がわかりません
javascript - ファイルを /app フォルダーに移動した後、HMR が機能しない
こんにちは、私は現在、webpacks HMR と一緒に Express を使用する方法を学ぼうとしています。ファイルを更新して保存するたびに、次のエラーが表示されます。
「次のモジュールをホット アップデートできませんでした: (フル リロードが必要です)」 「./app/components/App.js」
現在の構成ファイルに何か問題がありますか?
したがって、次のようなディレクトリ構造があります。
次のような webpack.config.js ファイルと server.js ファイルがあります。
サーバー.js