css - 网络包少。背景图片问题

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