如何在 wordpress 插件中部署反应图像？

Question

我在 React 中开发了一些小的 wordpress 插件。 React 应用程序正在使用项目中的一些图像。当我部署 React 应用程序时，图像（资产）的 URL 自动变为

wordpress.local/static/media/ArrowLeft.529a61df.svg

在wordpress项目中找不到。 （我没忘记导入图片）

我知道我可以在 wordpress 中上传图像并将媒体文件夹路径复制到我的本地 React 项目中，但是我不会在我的 React 应用程序中看到这些图像。以这种方式执行并在本地 React 应用程序中显示图像的任何解决方法对我来说似乎太脏了。

我在这样的反应中包含图像：

import ArrowLeft from "../media/arrowleft.svg"

并像这样使用它：

<img src={ArrowLeft} alt='arrow-left' className='arrow-left'/>

那么有没有办法以这种方式包含图像并使它们在导入带有图像的反应代码后立即出现在wordpress中？如果没有，有什么想法是实现在 wordpress 中显示图像的好方法吗？

Answer 1

这里的解决方案比我想象的要简单。wordpress 本身根本不支持 SVG 图像。将图像转换为 PNG 解决了这个问题。