Как импортировать файлы в процессе веб-пакета из чего-то вроде PHP - PullRequest
0 голосов
/ 06 июня 2018

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

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

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

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

будет проходить через загрузчик, который обрабатывает Файлы .jpg и перемещенные в папку dist , а также CSS будут обновлять соответствующий путь в соответствии с этим.Я не уверен, какая часть webpack справляется с этим, возможно, это css-загрузчик это обеспечивает?

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

Так что, если у меня есть тег <img src="images/brand.jpg"> в шаблоне, мне придется вручнуюимпортируйте это изображение и убедитесь, что у меня правильный путь к несуществующему на данный момент пакету.Я также могу забыть о встраивании изображений, например, используя url-loader или svg-loader .

Это просто (в настоящее время) несуществующий вариант использования для Webpack , поскольку большинство пользователей делают React или Vue проектов с ним.

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

1 Ответ

0 голосов
/ 26 июня 2018

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

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

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

...