ホームページ  >  に質問  >  本文

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

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

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

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

黄舟黄舟2663日前753

全員に返信(2)返信します

  • 伊谢尔伦

    伊谢尔伦2017-07-05 10:55:44

    リーリー

    返事
    0
  • 为情所困

    为情所困2017-07-05 10:55:44

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

    返事
    0
  • キャンセル返事