1. 程式人生 > >background-image 本地和線上的使用區別

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

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

首先這是我的專案的檔案目錄:

圖片是放在assets裡面,具體頁面的模組是放在components裡面。當在本地開發時候,頁面模組裡面的scss檔案使用background-image要引用assets的圖片時候:

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

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

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