問題タブ [webpack-dev-middleware]

プロジェクトの構造:

1. Webpack はアプリをpublicフォルダーにビルドしています
2. 同時に、次のような静的アセットがいくつかあります。 public/assets/font-awesome-4.7.0/css/font-awesome.css

私が欲しいもの：

1. 開発目的でexpressアプリを実行したいwebpack-dev-middleware
2. 静的アセット (によって処理されない) に対するすべての要求が、フォルダーwebpackから提供されるようにしたいpublic

私がそれをやろうとした方法：

最初の試み

フォルダに入るまで、これはうまく機能index.htmlしpublicます。あなたがそれを持っている場合 - 静的なものが提供され、webpack-dev-middleware.

二度目の試み

それから私は考えました-おそらく私express.staticは生産の場合にのみ使用しなければならないでしょう、私はそれを削除しました. 今、私は開くことができませんでした/assets/font-awesome-4.7.0/css/font-awesome.css

3回目の試行（現在機能するハック）

最後にそれを機能させましたが、現在のソリューションには満足していません。これでwebpack構成を拡張することにより、すべてのassetsディレクトリを手動でレルムに入れました：webpack

ただし、この方法は、提供したいすべての静的ファイルを指す必要があることを前提としていますwebpack-dev-middleware

どんな考えでも大歓迎です。

よろしく、

webpack ドキュメントから webpack-dev-server + エクスプレス設定をコピーして貼り付けただけですが、サーバーが提供するファイルを見つけることができないため、機能しません。この設定の何が問題になっていますか?

サーバー.js

webpack.config.js

ファイル構造:

私が見るもの：

Webpack を使用して JS をコンパイルし、それを Expressbundle.js経由で送信されたテンプレート文字列を介してロードします。

webpack-dev-middleware唯一の問題は、監視とコンパイルにも使用しながら、カスタム html をレンダリングする方法に関する情報が見つからないことbundle.jsです。

私のHTMLは次のコードで送信されています:

webpack-dev-middlewareしたがって、を使用しているときにこれを保持/使用する方法がわかりbundle.jsません. MIME タイプが間違っているため、実行できません。app.usewebpack-dev-middlewaretext/html

編集

のサーバー側レンダリング オプションwebpack-dev-middlewareは実験的なものであり、私が探しているものではありませんbundle.js。HTML で送信するために raw は必要ありません。