我正在创建一个自定义的 WordPress Gutenberg 块，我想使用我的插件文件夹中的图像资产（PNG、JPG），以显示在 Gutenberg 编辑器和渲染页面上。
我正在使用 Webpack 为 JS 和 SCSS 捆绑我的文件。我尝试添加 webpack 图像加载器，它将图像保存到我的主插件目录中的“assets”文件夹中。
但是，当我尝试从我的 Block 的主 JS 文件中使用我的图像资产时，我无法找到一种方法来访问我在 WordPress 服务器上运行的图像的完整 URL 路径，该服务器目前在本地主机上的 docker 容器中运行。
我希望找到一种 WordPress 方法来返回我的插件目录的路径，并使用它来指向图像资产，而不管它们是如何捆绑的，但我一直无法在文档中找到解决方案。
可以使用 WordPress 的内置函数使用 PHP 获取插件目录：
function _get_plugin_directory() {
return __DIR__;
}
这似乎有帮助，但是我不知道是否可以将返回的插件路径传递到我的 JS 文件中。
我的插件结构如下所示：
/assets // generated by Webpack
- image.png
- main.js
/blocks
/block-example
- image.png // <-- My image asset
- index.js // <-- I want to use image.png here
- index.js // loads in my block
blocks.php …