Javascript 为什么带有网页包的url加载器返回格式错误的base64？

我下载并包含了网页的

url加载器

：

装载机：[
{
测试：/.jsx？$/,，
包括：path.join（uu dirname，'./public/scripts'），
加载器：“巴别塔加载器”，
排除：/node_模块/，
查询：{
预设：['es2015'，'react']
}
},
{
测试：/\.css$/,，
加载器：“样式加载器！css加载器”
},
{
测试：/\.png$/,，
加载器：“url加载器？限制=10000”
},
]

在我的一个React组件中，我有一行代码，目前运行良好：

var style={“backgroundImage”：“url（images/icons/icon.png）”；

但是，这些图标很小，我希望它们作为base64内联，而不是作为图像单独发送。我找到了URL加载程序，并将该行替换为：

var style={“backgroundImage”：require（“url？limit=10000！”。/images/icons/icon.png”）；

这种方法的工作原理是找到图像并用base64替换它，但它的格式不正确

我使用了base64解码器，发现解码后的base64以

module.exports=

开头。这导致它使图像显示为空白

我做了一个临时修复，删除了返回的base64的前25个左右的字符，但由于使用base64填充，所以非常混乱。很难找到

module.exports=

的结束位置，然后在结束处正确填充

=

---

我觉得我一定做错了什么。如果没有，我是否可以使用另一个加载程序，只返回图像作为

base64

，而不返回任何其他垃圾？

实际上，发生这种情况是因为此配置：

{
测试：/\.png$/,，
loader：“url loader？limit=10000”//实际上，发生这种情况是因为此配置：

{
测试：/\.png$/,，
加载器：“url loader？limit=10000”//这个问题就像是对我的问题的启发，我留下了向上的一票。谢谢。这个问题就像是对我的问题的启发，我留下了向上的一票。谢谢。