javascript - お聞きしたいのですが、webpack で画像をパックするとページ上に画像が表示されないのですが、ウェブサイトのルートディレクトリについて何か質問はありますか？

Question

アドバイスをお願いします、兄弟。まず写真をアップロードし、最初にファイル ディレクトリをアップロードしてください:

次に、webpack のイメージ部分の構成情報です。

発生した具体的な問題は、画像を表示できず、ブラウザ コンソールに画像が見つからないというエラーが報告されることです。コンソール コードを見ると、画像のパスは http://localhost:3000/images/...;
サイトのルート ディレクトリの前に設定されている contentBase が /views であるため、index.html も配置されます。はい、この時点では contentBase を '/' に設定します。達成したい効果は、ルート ディレクトリを webpack 構成ファイルと同じレベルのディレクトリに設定することです。Index.html もビューの外側に配置されます。同時に、画像フォルダーもルート ディレクトリにあり、画像パスを ./images/logo.png に変更しますが、ブラウザ ページを開いたときに画像フォルダーが見つかりません;
現時点では、 contentBase をブロックしましたが、index.html はまだ外にありますが、まだ見つかりません。 。 。
そこで私は矛盾に遭遇しました:
ルート ディレクトリのビューと画像が同じレベルにある場合、画像は表示されません (私の推測では、画像はルート ディレクトリにパッケージ化されていないと思います)。 contentBase は画像をルート ディレクトリに配置したいと考えていますが、機能しません。方法がわかりません。

Answer 1

リーリー

Answer 2

publicPath 設定を確認してください。通常はルート ディレクトリ「/」に設定されています