WordPress — Как я могу импортировать файлы в процессе веб-пакета из Stack Overflow

Так Webpack для упаковки вещей. Кажется, у него много вариантов использования, но я новичок в этом, так что я мог что-то упустить или использовать неправильно.

В настоящее время он, вероятно, в основном используется для объединения JS и CSS и, возможно, обработки изображений с помощью файл-загрузчик или же URL-погрузчик.

Он также, кажется, связывает и делает свои плагины каскадным способом. Это означает, что импорт в импорте будет оценен, и поэтому я вижу, что изображение, которое хранится в CSS подать таким образом:

background-image: url(../images/banner.jpg);

пройдет через загрузчик, который обрабатывает .JPG файлы и перемещаются в расстояние папка, а также CSS будет обновлен соответствующий путь в соответствии с этим. Я не уверен, какая часть WebPack управляет этим CSS-погрузчик возможно, это обеспечивает это?

Проблема возникает, так как в настоящее время я разрабатываю WP тема, которая использует PHP шаблоны. Это я никогда не прохожу Webpack трубопровод. PHP загрузчик, кажется, о преобразовании в HTML и это не хорошо.

Так что, если у меня есть <img src="https://web-answers.ru/wp-content/uploads/2019/02/brand.jpg"> тег в шаблоне, я должен был бы вручную импортировать это изображение и убедиться, что у меня есть правильный путь к текущему несуществующему пакету. Я также могу забыть о встраивании изображений с помощью URL-погрузчик или же SVG-погрузчик например.

Это просто (в настоящее время) несуществующий вариант использования для Webpack так как большинство пользователей делают реагировать или же Вью проекты с этим.

Или я что-то упускаю очевидное?

0

Решение

Если вы все еще ищете ответ на этот вопрос — вы можете добиться этого с помощью плагина манифеста Webpack (и [опционально] с помощью плагина копирования Webpack) и некоторого обработчика php для анализа манифеста.

У меня есть рабочая версия, которую вы можете увидеть здесь
https://github.com/LowGravityPL/RaccoonWP/tree/master/public/core/themes/raccoon-twig

Код веб-пакета находится в build-utils каталог

1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]