Как правильно указать путь к иконке в background-image используя styled-components, React и Parcel?

Question

[Anton A]

Использую React, Parcel, styled-components.

Хочу в background-image заинлайнить иконку которая лежит в папке assets.

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

- так не работает

import img from '../../assets/images/check.svg';
...
background-image: url(${img});

- так тоже, в инспекторе background-image: url([object Object])

Подскажите, возможно существует плагин, который я не смог найти, а возможно проще сделать это руками ?

Comments

[i1yas]

Парсель должен работать таким образом из коробки, вы ничего не добавили в конфиги (.babelrc) или может плагин поставили?
Например, у меня стоит плагин svgr, он импорты свг трансформирует в реакт компоненты.