scss/less中使用背景图片报错

报错：* …/src/assets/images/jjg/buy/btn_bg@2x.png in ./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-2cac46a1”,“scoped”:false,“hasInlineConfig”:false}!./node_modules/sass-loader/dist/cjs.js?{“sourceMap”:true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/jjg/Buy/index.vue

正确写法：
background: url(’~@/assets/images/jjg/buy/btn_bg@2x.png’) no-repeat center center;

原因：所以这里添加的~实际上是为了告诉webpack这里是从根目录开始寻找，而不是相对目录。