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

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

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

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

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全員に返信(2)
伊谢尔伦

リーリー

いいねを押す +0
为情所困

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート