Как вставить путь на картинку/etc в javascript файле?

Question

[Pavel K]

Приветствую!
Разбираюсь с Laravel5.4, есть необходимость внутри JS файла указать путь к картинке.
Картинки помещаю в resources/assets/bg/
Как прописать в javascript файле путь да неё?
Если копировать картинку сразу в public (так советуют большинство, когда гуглил этот вопрос) и прописывать путь просто "bg/...", то при этом мне нужно ещё все картинки и скопировать из assets в public и для этого прописать mix.copy(...
что несколько неудобно.
Хочется задавать путь вроде как:
alert("{{ asset('bg/image1.img') }}");
Что бы при этом лишь используемые ресурсы копировались в public директорию.
Можно ли так?

Answer 1

[Alex Wells]

Что бы ваш код сканировался на ссылки что ли?) Нет, так нельзя.

Но можно построить нормальный mix файл, если вы решили использовать его. mix.copy можно использовать так:

mix.copyDirectory('assets/img', 'public/img')

это из доков. Вообще следует разделять типы ресурсов (scripts, images, styles etc)

Comments

[Pavel K]

Разобрался, в JavaScript прописываю:
var img = require("../images/bg/workspace1.jpg")
И получаю ссылку на картинку, картинка при этом копируется в public/images.
Возникла другая проблема, а именно то, что картинки копируются без поддиректорий, все в папку images.

[Alex Wells]

Pavel K, require внутри не nodeJS файлов? Вы издиваетесь?) Используйте подход, который я описал выше. Это ЕДИНСТВЕННЫЙ правильный подход.

[Pavel K]

Alex Wells, видимо я неточно написал.
Я использую webpack для сборки JavaScript файлов,в них как раз и пишу require(...);

[Alex Wells]

Pavel K, laravel-mix построен на webpack, это и так понятно.

require (а лучше import) используется для подключения библиотек либо других файлов, но 100% не картинок.

[Pavel K]

По-моему вы не правы.
Ведь если почитать https://webpack.js.org/loaders/ то становиться понятно, что есть лоадер для загрузки файлов. Во внутренностях mix так же был найден этот лоадер с регэкспом для загрузки картинок. Переопределил его, что бы учитывал поддиректории и вопрос решился. Так что ваш способ не единственно верный, а всё таки скорее костыль.