鍍金池/ 問答/HTML/ webpack運行run dev 提示找不到圖片和css路徑?

webpack運行run dev 提示找不到圖片和css路徑?

clipboard.png
這是大概的項目結構,在a.html中,引入a.css會報錯 400錯誤

clipboard.png

clipboard.png
我的webpack配置如下:

clipboard.png
請問我該怎么配置才能訪問到那個css資源?

回答
編輯回答
蟲児飛

你理解錯了這個路徑了 你 run dev 實際上是開啟了一個用node開啟了一個服務, 不然為什么你查看項目是
localhost:3000 那你在那里面請求是相對于node服務器的請求了, node服務器里面好像沒有相對路徑這樣的概念... 好像啊, 反正你這樣根據(jù)文件的相對位置去取是取不到的。 你看看和你index.html 統(tǒng)計的文件夾下有沒有一個存放靜態(tài)資源文件的文件夾 沒有的話你可以自己建一個

clipboard.png
如 我這里 其實這個node的服務器好像是用 express框架搭的。 然后里面有一個設置靜態(tài)資源的中間件操作嘛 我猜測這個 webpack-server因該是直接把這里的這個public文件夾設為了靜態(tài)資源目錄。 有錯的話歡迎打臉, 因為我也是自己推斷的。

2018年7月28日 10:23
編輯回答
獨特范

如果想要頁面直接引用的話放在dist文件夾里面,建議放在開發(fā)的那個文件夾里面,然后再打包到dist下面
因為你啟動的服務是監(jiān)聽dist文件夾的,dist外部是訪問不到的

2017年11月17日 19:22