在項目開發中，一般寫相對路徑是沒有問題的，但是在項目比較大的情況下，我的scss文件可能為了方便管理，會放在不同的文件夾下，有的可能又不需要放在文件夾下,比如我的scss文件結構如下：
module
common.scss
test.scss
about
about.scss
login.scss
index.scss
比如目錄是這樣的，common.scss里用相對路徑引用的圖片，那about文件下的login.scss @import common.scss， 同時index.scss 也@import common.scss，那路徑就不能同時滿足2個個scss文件的需求，我們就需要用絕對路徑來處理，那如何用絕對路徑呢？
開始嘗試了用webpack的插件resolve-url-loader去解決，不過折騰半天還是沒有實現，最后是通過在公共的common.jsx文件里直接require(' common.scss'),這樣別的模塊在需要使用公共模塊common.jsx的時候，require('common.jsx')連同scss文件一起引入進去了，這樣就解決了圖片路徑的問題了。當然這只是其中的一個方法