搜尋

首頁  >  問答  >  主體

javascript - 請教大俠,webpack打包圖片的時候,頁面上顯示不出來,還有網站根目錄的疑問?

也請師兄指點一下,先上圖片,首先是文件目錄:

接下來是webpack的圖片部分的設定資訊:

#遇到的問題具體就是:圖片顯示不出來,瀏覽器控制台報錯也說圖片找不到。我在控制台程式碼裡看到,圖片的路徑是: http://localhost:3000/images/...;
因為網站根目錄之前設定的contentBase是/views,index.html也放在裡面的,這時候我就把contentBase設定為'/',我想實現的效果就是把根目錄設定為webpack設定檔的同級目錄,index.html也放在views的外面,同時使得圖片資料夾也在根目錄下,更改圖片路徑為./images/logo.png,但這時候打開瀏覽器頁面找不到了;
這個時候,我把contentBase屏蔽了,index.html還放在外面,還是找不到。 。 。
所以就遇到一個矛盾:
如果根目錄views和images同級,那麼圖片就顯示不出來(個人猜測是圖片沒有打包到根目錄下),而調整contentBase想把images放在根目錄下,卻沒搞定,不知怎麼才能搞定?

黄舟黄舟2693 天前787

全部回覆(2)我來回復

  • 伊谢尔伦

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

    雷雷

    回覆
    0
  • 为情所困

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

    看看你的publicPath的設定了,一般都設定為根目錄‘/’

    回覆
    0
  • 取消回覆