Webpack和URL（）中的“ @”

Question

<img src='@/assets/image.jpg'>工作正常，并被翻译为/static/img/image.xxxxx.jpg。但是，尝试像background-image:url('@/assets/image.jpg');这样在CSS中使用它不起作用。在结果html中将其保留不变。使用Vue，但我相信Webpack正在扩展“ @”。

Answer 1

在<style>标记和CSS文件中，带有别名的URL必须以~为前缀，这告诉Webpack该路径与当前目录无关，并且需要路径解析。您的CSS应该如下所示：

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