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

[Anonymous]

Мой плагин должен отображать некоторые изображения (по умолчанию) в интерфейсе шрифта и редактора. Однако 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 байт [построено] [сгенерирован код] [1 ошибка ]
./src/blocks/lucy-meal-type-block/edit.js 1,24 КиБ [встроено] [сгенерирован код] [1 ошибка]
./src/blocks/lucy-meal-type -block/save.js 802 байта [построено] [сгенерирован код] [1 ошибка]
Я знаю, что упускаю что-то очевидное....но что? Буду очень признателен за обратную связь.

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