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');