問題タブ [webpack-file-loader]

私のプロジェクトファイル構造:

ファイルローダー用の次の webpack 構成エントリがあります。

そして、私のscssファイルはフォントファイルを参照しています:

localhost:{port}/webpack-dev-server に移動すると、フォント ファイルがありません。webpack-dev-server からの出力にも、フォント ファイルに関連するものは何も表示されません。

file-loader は、フォント ファイルのコピーを webpack に提供することになっていませんか?

モジュールバンドルを構築するためにWebpackを研究しています。file-loader を使用して、javascript で画像ファイルを読み込みます。これらの行は、イメージ ファイルをロードするために使用されます。

しかし、私はそれに問題があります。イメージ パスが期待どおりに css にコンパイルされていません。私のアプリは構造を持っています:

画像は、require()によって app/views/index.pug に読み込まれます。

app/styles/style.cssのbackground-image: url() :

====== コンパイル後、build/index.html のイメージ パスは次のとおりです。

ただし、build/css/style.css のイメージ パスは次のとおりです。

ファイルローダーがhtmlまたはcssで画像をスキャンしていることをどのように検出できますか? または、この問題を解決するための解決策はありますか?

ありがとうございました。