Как показать изображения из папки многоблочного плагина Wordpress во внешнем интерфейсе? ⇐ Php

[Anonymous]

Мой плагин WP должен отображать некоторые изображения (по умолчанию) в интерфейсе шрифта и редактора. Однако URL-адрес, сгенерированный с помощью моего кода, относится к папке сборки, а изображения — нет.
Это моя структура:
Структура плагина Screenprint

Код: Выделить всё

lucy-recipe-blocks
-webpack.config.js
-build
-src
--images
---meal-type-dinner.png
--blocks
---lucy-meal-type-block
----block.json
----edit.js
----index.js
----render.php
----save.js
-lucy-recipe-blocks.php
-package.json

Это код в render.php:

Код: Выделить всё

[img]" class="lucy-meal-type__image">

Это содержимое webpack.config.js:

Код: Выделить всё

const path = require('path');

module. Exports = {
entry: {
'lucy-meal-type-block': './src/blocks/lucy-meal-type-block/index.js',
// Add more blocks as needed
},
output: {
filename: '[name]/index.js',
path: path.resolve(__dirname, 'build/blocks'),
},
module: {
rules: [
{
test: /\.(png|jpg|gif|svg)$/i,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'images/',
publicPath: '../images/',
},
},
],
},
],
},
};

Но сборка выдает ошибки:

Код: Выделить всё

  ./src/blocks/lucy-meal-type-block/style.scss 620 bytes [built] [code generated] [1 error]
./src/blocks/lucy-meal-type-block/edit.js 1.24 KiB [built] [code generated] [1 error]
./src/blocks/lucy-meal-type-block/save.js 802 bytes [built] [code generated] [1 error]

При использовании статического URL-адреса (закомментированного в показанном коде) это работает. Когда я вручную копирую изображение и папку в сборку, она работает с кодом динамической ссылки. Но это явно нежелательно.
Я знаю, что здесь упускаю что-то очевидное....но что? Связано ли это с тем, что я работаю с настройкой многоблочного плагина? Буду очень признателен за обратную связь.

Подробнее здесь: https://stackoverflow.com/questions/791 ... -front-end