Webpack и "@" в URL ()

Question

<img src='@/assets/image.jpg'> отлично работает и переводится на /static/img/image.xxxxx.jpg. Однако попытка использовать его в CSS, как background-image:url('@/assets/image.jpg');, не работает. Это оставлено неизменным в получающемся html. Использование Vue, но я считаю, что это Webpack, который делает расширение "@".

Answer 1

В теге <style> и файлах CSS URL-адреса с псевдонимами должны начинаться с префикса ~, что говорит Webpack, что путь не относится к текущему каталогу и требует разрешения пути. Ваш CSS должен выглядеть так:

background-image: url('~@/assets/image.jpg');