Итак, Webpack предназначен для объединения вещей. Кажется, у него много вариантов использования, но я новичок в этом, поэтому я могу что-то упустить или использовать неправильно.
В настоящее время он, вероятно, в основном используется для объединения JS и CSS и, возможно, обработки изображений с помощью файловый загрузчик или url-загрузчик.
Также кажется, что он объединяет и выполняет свои надстройки каскадным образом. Это означает, что импорт при импорте будет оценен, и поэтому я вижу, что изображение, которое хранится в файле CSS, таким образом:
background-image: url(../images/banner.jpg);
пройдет через загрузчик, который обрабатывает файлы .jpg, и будет перемещен в папку расстояние, а также в CSS будет обновлен соответствующий путь в соответствии с этим. Я не уверен, какая часть webpack управляет этим, возможно, это css-загрузчик обеспечивает это?
Проблема возникает, поскольку я сейчас разрабатываю тему WP, в которой используются шаблоны PHP. Я никогда не прохожу через конвейер Webpack. Загрузчик PHP, похоже, предназначен для преобразования в HTML, и это бесполезно.
Поэтому, если у меня есть тег <img src = "images/brand.jpg"> в шаблоне, мне придется вручную импортировать это изображение и убедиться, что у меня есть правильный путь к несуществующему на данный момент пакету. Я также могу забыть о встраивании изображений, например, с помощью url-загрузчик или svg-загрузчик.
Это просто (в настоящее время) несуществующий вариант использования для Webpack, поскольку большинство пользователей выполняют с ним проекты Реагировать или Vue.
Или я упускаю что-то очевидное?






Если вы все еще ищете ответ на этот вопрос - вы можете добиться этого с помощью плагина манифеста Webpack (и [опционально] плагина копирования Webpack) и некоторого обработчика php для анализа манифеста.
У меня есть рабочая версия, которую вы можете посмотреть здесь https://github.com/LowGravityPL/RaccoonWP/tree/master/public/core/themes/raccoon-twig
Код Webpack находится в каталоге build-utils
Итак, я решил, что мог бы использовать html-loader, extract-loader и file-loader, если бы это был просто базовый HTML внутри php. К сожалению, исходный код находится внутри фрагмента кода PHP. Вопрос, нужно ли мне это или нет, потому что это просто
<?php echo get_template_directory_uri() . '../images/brand.jpg'; ?>, и теоретически Webpack должен иметь расчет относительности.