background-image具體的屬性使用在這兒就不說了。
首先這是我的項目的文件目錄:
圖片是放在assets里面,具體頁面的模塊是放在components里面。當在本地開發時候,頁面模塊里面的scss文件使用background-image要引用assets的圖片時候:
路徑也是相對路徑但是當發布到線上的時候,會發現圖片是沒有顯示的。
經查找原因:所有的scss文件經過編譯后會被壓縮到同一個文件中index.scss,導致路徑改變了。
處理:將該屬性寫在index.scss里面就解決了。如下圖: