Webpack LESS。背景圖片問題

Question

你好，我看到很少有論壇在討論這個問題，還有很多建議，但沒有一個明確的解決方案，至少有一個解釋。我在使用Webpack中的LESS Loader加載背景圖片時遇到了問題。

`publicPath: './bin/'` 
`loader: extractLESS.extract('css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!less')` 

問題是，如果我檢查類，我得到的路徑未解析，就像輸入LESS文件一樣。

`.secondComponent__imagen___2-dKX { 
     color: black; 
     background-image: url(/rock.png); 
}` 

在此先感謝您。

Answer 1

使用LESS函數轉換圖像可防止使用路徑。

background-image: data-uri('image/jpeg;base64','./rock.jpg');