Stenciljs - Фоновое изображение css path

Question

Я пытаюсь добавить фоновое изображение в мой файл scss, но не могу заставить его работать.

Это код в моем файле scss:

  background-image: url('./assets/images/Square.svg');

И когда я использую свой компонент в другом приложении, я получаю следующий путь:

http://localhost:4200/assets/images/Square.svg

это не мой путь к компоненту.

Я пытался добавить «/ dist / collection / assets / images», но это не сработало

Я нашел этот отчет об ошибке https://github.com/ionic-team/stencil/issues/923 1, но он закрыт, и кажется, что он не был исправлен.

Answer 1

Трафарет по умолчанию копирует папку ресурсов в www.

Документация конфигурации активов трафарета

Я думаю, что вы можете просто удалить ./ из пути к изображению и просто напрямую ссылаться на изображение в файле scss.

background-image: url('assets/images/Square.svg');

Это должно работать. Я пытался, и это работает.

Пример рабочего кода