Так 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 так как большинство пользователей делают реагировать или же Вью проекты с этим.
Или я что-то упускаю очевидное?
Если вы все еще ищете ответ на этот вопрос — вы можете добиться этого с помощью плагина манифеста Webpack (и [опционально] с помощью плагина копирования Webpack) и некоторого обработчика php для анализа манифеста.
У меня есть рабочая версия, которую вы можете увидеть здесь
https://github.com/LowGravityPL/RaccoonWP/tree/master/public/core/themes/raccoon-twig
Код веб-пакета находится в build-utils
каталог
Других решений пока нет …