Как импортировать файлы в процессе веб-пакета из чего-то вроде PHP

Итак, 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.

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

Итак, я решил, что мог бы использовать html-loader, extract-loader и file-loader, если бы это был просто базовый HTML внутри php. К сожалению, исходный код находится внутри фрагмента кода PHP. Вопрос, нужно ли мне это или нет, потому что это просто <?php echo get_template_directory_uri() . '../images/brand.jpg'; ?>, и теоретически Webpack должен иметь расчет относительности.

Ingó Vals 06.06.2018 22:50
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
0
1
757
1

Ответы 1

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

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

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

Другие вопросы по теме