background-image 本地和線上的使用區別


background-image具體的屬性使用在這兒就不說了。

首先這是我的項目的文件目錄:

圖片是放在assets里面,具體頁面的模塊是放在components里面。當在本地開發時候,頁面模塊里面的scss文件使用background-image要引用assets的圖片時候:

路徑也是相對路徑但是當發布到線上的時候,會發現圖片是沒有顯示的。

經查找原因:所有的scss文件經過編譯后會被壓縮到同一個文件中index.scss,導致路徑改變了。

處理:將該屬性寫在index.scss里面就解決了。如下圖:

 


免責聲明!

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



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