vue-生成的css文件中背景url()圖片路徑問題


重現項目在這

使用vue init webpack創建的項目,改了三個地方

  1. webpack.base.conf.js配置文件output的publicPath注釋起來
  2. App.vue中給body加了background樣式
  3. 把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 望大牛們指點迷津

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM