компиляцией npm это меняет путь к изображению

Question

Я использую фреймворк Laravel с npm.В файле scss у меня есть путь к изображению:

background-image: url("../../img/frontend/payments.png");

путем компиляции, когда я открываю styles.css и ищу это изображение, путь следующий:

background-image: url(/images/payments.png?464788fabc66a26cf02344b0dcbcdde2);

Как я могуизмените этот путь, потому что все мои изображения находятся в папке img /.

Есть еще одна вещь, которая беспокоит меня.Мне нужно скопировать файл payment.png в папку resources / sass, которая копирует эту картинку в public / images.Итак, у меня есть дубликат каждой картинки.Можно ли как-нибудь сохранить все мои изображения в папке public / img?

Answer 1

Если вы используете микс Laravel, URL-адреса меняются из-за обработки URL-адреса веб-пакета.Вы можете прочитать больше об этом в официальной документации .

tldr

mix.options({
    processCssUrls: false
});

И о дубликатах ресурсов (например, фото, которые вы упомянули): Сохраните исходные ресурсы в каталоге resources и скопируйте их с помощью Laravel mix в папку public .Причина этого в том, что иногда вы хотите обработать ресурсы, а затем скопировать их.например, сначала оптимизируйте файлы png, затем скопируйте их в общую папку, сохраняя исходный файл в каталоге ресурсов.