vue.config.js中配置了alias，在css里background: url("~@/xxx")，引用的图片并没有生效

Question

问题

vue.config.js中配置了alias，在css里background: url()，路径正确，引用的图片并没有生效

描述

//"vue": "^2.6.11"
//vue.config.js
    resolve: {
      alias: {
        "~@": path.resolve(__dirname, 'src/')
      }
    }

Answer 1

描述一下排查过程

首先，不做额外的配置也是可以的
其次，styles里面已经看得出图片已经转换为base64了，说明转换没毛病
再次，background属性前有个警告图标并且对应属性被划掉了，说明属性名有误或者属性值格式有误
最后，已经说的这么直白，自己应该能找出问题出在哪儿了吧