Использование @ в путях vuejs?

Question

[WebDev]

Когда я указываю путь до файла, например до картинки, я могу использовать собачку как ссылку на директорию src. Например
<img src="@/assets/logo.svg">
Или
import Footer from '@/components/Footer'
Но использовать такую собачку в стилях почему-то нельзя. Может быть есть какой-то вариант?
У меня вот такая структура проекта:
-src
--assets
---images
--components
---head_elements
---footer_elements
---...
И в стилях внутри этих компонентов получаются пути вида

.element {
    bakcground: url('../../assets/images/logo.jpg');
}

Очень неудобно и не гибко. Как можно это исправить?

Comments

[Владлен Хеллсайт]

А что у вас в настройках webpack'а?

Answer 1

[Алексей Ярков]

.element {
    background: url('~@/assets/images/logo.jpg');
}

Comments

[WebDev]

Магия! А где об этом написано? Не могу найти в документации.

[Алексей Ярков]

WebDev, хз )) Сам когда-то случайно нагуглил ))