Ну а если мне урл нужен именно в коде компонента? Ведь ресурсы не ограничиваются только картинками, не все можно загнать в цсс.
Но допустим это картинка. Давайте смоделируем, что мне нужно для того чтоб ее использовать.
Пакет размещен в
<workspace>/packages/MyPackage. Относительно расположения пакета, его жаваскрипт файл:
src/MyComponent.js.
Картинка лежит в
resources/images/picture.png. Описание нужного класса для цсс храним тут:
sass/src/MyComponent.scss. Например, так:
.#{$prefix}mycomponent {
background-image: $my-component-image;
}
И вот мы подобрались к самому главному. Еще один scss файл должен определить переменную $my-component-image:
sass/var/MyComponent.scss
$my-component-image : ????
Что тут написать?
Я не уверен что синтаксически первый scss файл правилен. Например когда я просматриваю исходники стандартных тем я вижу такое: background-image: theme-background-image('shared/blue-loading'); или нечто похожее. Но у меня не тема, а компонент. В общем, нужны подсказки...