問題タブ [webpack-dev-server]

webpack.config ファイルに次の出力構成があります。

bundle.js は で指定されたパスに書き込まれませんpath。Web サーバー経由でのみ利用できますが、両方が必要です。

ファイルと Web サーバーの両方を使用するには、何を変更すればよいですか?

Gulp + live reload は localhost でコンテンツを提供し、 (これが私の目的です) gulp コマンドを実行するたびに、サーバーの URL でブラウザーを自動的に起動します(つまり、ブラウザーのアイコンをクリックして URL に移動する必要はありません)手動）。これはWebpackでも実行できますか?

open-browser-webpack-plugin というプラグインを試してみましたが、うまくいきませんでした。

なぜこれを取得しているのかわかりませんSyntaxError。私のローダーが LESS をロードできないというエラーがあるように見えますが、私のextract-text-webpack-pluginorExtractTextPluginはそれをビルドすることができ、最終的style.cssに出力に a が表示されwebpackます。babel私のを処理しようとしているようLESSですが、どこで処理しようとしているのかわかりません。

エラー：

webpack.watch.js:

webpack.config.js

これが私のnpmスクリプトです。実行中にエラーが発生しますnpm run watch：

反応コンポーネントを変更して保存し、ホットローダーがページを更新したかどうかを確認すると、開発者ツールでこれが表示されます。

なぜこれが起こっているのかわかりません。バックエンド サーバーとして django を実行しようとしています ( webpack の手順)

ここに私のwebpack.watch.jsがあります：

これが私のwebpack.config.jsです：

webpackとfluxibleは初めてなので、彼らの始め方のボイラープレートを理解しようとしていました: http://fluxible.io/quick-start.html

実行npm run devすると問題なく実行され、ライブ リロード Web サーバーが起動しますが、運用環境で実行する方法について混乱していました。package.json を見る

npm run build実稼働構成モードでwebpackを実行しているように見え、jsファイルを/buildフォルダーにコピーすると思います。この時点で npm start を実行すると、これが実行start.jsされserver.js、サーバーは dev ホット ロードなしで実行されます。

私の質問は次のとおりです。アプリケーションが本番モードであると想定しているものを実行しているときに、アプリケーションがまだポーリングを実行し続けるのはなぜですか (私が想定しているのは、dev hot-laoder を実行するためのソケットまたはポーリングです)。ログにこれが表示されます：

運用サーバーでは、ルート フォルダー全体をデプロイするだけですか、それともビルド フォルダーだけをデプロイすることになっているのでしょうか...もしそうなら、ビルド フォルダーに不足があるでしょう。

静的アセットはビルド フォルダー (express の /public フォルダーのようなもの) にコピーする必要がありますか?

start.js

サーバー.js

webpack-dev-server の実行時に問題が発生しています。ファイルを保存して変更をコンパイルしても、ブラウザーに反映されません。(コマンドラインにエラーはありません)

次のコマンドを実行しています。

webpack-dev-server --progress --color

ただし、webpack変更があるたびに実行すると、ブラウザに反映されます。

Mac (OSX の最新バージョン) で Chrome を実行し、[devtools が開いている間はキャッシュを無効にする] オプションを有効にしました。言うまでもありませんが、ちょっとわかりませんが、DevTools を開いています.. :)

ここで簡単な手順がありませんか?

Express と React を使用して同形アプリを構築するために、いくつかのチュートリアルに従っています。webpack-dev-server と混同しています。

webpack チュートリアルでは、webpack-dev-server について次のように述べています。

これにより、静的アセットとバンドル (自動的にコンパイルされる) を提供する localhost:8080 上の小さな高速サーバーがバインドされます。

バンドルが再コンパイルされると、ブラウザー ページが自動的に更新されます (socket.io)。ブラウザでhttp://localhost:8080/webpack-dev-server/bundleを開きます。

私は高速サーバーを持っているので、本当に webpack-dev-server が必要ですか? または、それを使用することの利点と欠点は何ですか? また、react-hot-loader を使用したい場合、webpack-dev-server は必要ですか?