今天在做项目的时候,发现在sass中引入背景图报错,然后去查了查,找到了解决方案,分享一下。
在sass文件中应该这样用:
background: url(~@/assets/images/apple.png);
在.vue文件引用时:
<style lang="scss" scoped>
@import '~@/assets/css/style.scss';
</style>
-
不用添加任何配置文件
-
是借助webpack的前缀
@ 是vue里webpack默认的项目代号,指向路径为项目的src文件夹