javascript - 請教大俠,webpack打包圖片的時候,頁面上顯示不出來,還有網站根目錄的疑問?
黄舟
黄舟 2017-07-05 10:53:44
0
2
840

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

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

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

黄舟
黄舟

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

全部回覆(2)
伊谢尔伦

雷雷

为情所困

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板