重現項目在這
使用vue init webpack創建的項目,改了三個地方
- webpack.base.conf.js配置文件output的publicPath注釋起來
- App.vue中給body加了background樣式
- 把url-loader的limit改成了6000,避免base64轉換而不使用file-loader
現象:
npm run dev沒問題 因為跟build的目錄不同
當npm run build后
提取出來的css文件中url()中圖片的路徑是static/img/logo.82b9c7a.png這樣的,應該是根據url-loader來的,但這個路徑是相對於css文件的,所以造成找不到這張圖片
這個問題糾結了很久 看了css-loader file-loader文檔,看了很多以前的issue,網上查了很久,都沒有找到相應的解決方法,因為實在找不到應該修改哪一部分。上邊說的幾個解決方法,總感覺不靠譜~
忍不了了所以來提個issue 望大牛們指點迷津