1
我試圖用有色覆蓋到我的項目應用平鋪的背景圖像。我在其他節點包中使用帶有node-sass，sass-loader，css-loader，file-loader和url-loader的webpack。的WebPack一些圖像轉換爲URL，並追加角色給別人
我有我測試的樣子，這兩個圖像之間進行切換的背景是在那裏我遇到了我的問題，兩個背景圖像。
這裏的青菜：
body{
background:
linear-gradient(
rgba($color4, .5),
rgba($color4, .5)
),
url('../assets/dark_fish_skin.png')
// url('../assets/noisy_grid.png')
;
background-repeat: repeat;
color: $color2;
}
而這裏的一看SASS文件，文件目錄，並在我的SRC文件中的兩個圖像只是爲了給整體環境（編譯輸出發送到public文件夾） ：
當我運行與dark_fish_skin.png作爲背景圖像的WebPack，拍攝的圖像通過罰款，因爲它轉換成一個base64編碼的網址：
當我切換到noisy_grid.png圖像和的WebPack運行，拍攝的圖像通過作爲常規圖像，但與附加到端快取清除（假設），該文件被移動到公共目錄但沒有在名稱緩存剋星，我得到一個錯誤，因爲CSS參考不匹配的圖像名稱：
（請原諒雜亂的公共目錄，這仍然是一個WIP ）。
我一直在找周圍的文檔，但我一直沒能找到這個問題的解決方案。
兩個問題：爲什麼會出現這種情況（鏈接在文檔的解釋將是巨大的），我將如何解決這一問題？