Webpack 导入图像就是导入base64编码字符串（electron网页包）

我正在使用electron网页包，无法导入图像。我把它放在了

src/renderer/images/logo.png

（我也有一个.svg，我用了同样的结果），我两个都试过了：

const logo = require("../images/logo.png");

及

我得到了一个损坏的图像，因此我使用转换base64，内容是：

module.exports = __webpack_public_path__ + "logo.png?41d52b7bd0bbc9f306e6075f8b7f80a0";

---

我做错了什么？

我不确定你的期望是什么：你使用了电子网页（）

指定图像的url加载程序：

test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        use: {
          loader: "url-loader",
          options: configureFileLoader("imgs")
        }

url加载器将以b64（）的形式导入资源

用于将文件转换为base64 URI的Web包的加载程序

没有任何错误，图像按预期正确导入

---

如果您想以不同的方式导入资源，您可能需要更改配置以根据需要使用不同的加载程序。

我不确定您的期望是什么：您使用了electron webpack（）

指定图像的url加载程序：

test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        use: {
          loader: "url-loader",
          options: configureFileLoader("imgs")
        }

url加载器将以b64（）的形式导入资源

用于将文件转换为base64 URI的Web包的加载程序

没有任何错误，图像按预期正确导入

---

如果您想以不同的方式导入资源，您可能需要更改配置以根据需要使用不同的加载程序。

我的期望是在img标记的src属性中获得一些可用的内容。正在导入的base64不是一个图像，它是javascript代码。它是b64编码的图像，它遵循您配置的操作。1.它仍然是有效的图像，因此您可以使用它2。如果您希望以不同的方式导入图像，则应更新配置以使用不同的加载程序。这是指向图像的b64编码路径，而不是图像。我的期望是在img标记的src属性中获得可用的内容。正在导入的base64不是一个图像，它是javascript代码。它是b64编码的图像，它遵循您配置的操作。1.它仍然是有效的图像，因此您可以使用它2。如果您想以不同的方式导入映像，应更新配置以使用不同的加载程序。这是指向映像的b64编码路径，而不是映像。