配置sass全局变量报错的解决方案

在使用配置全局sass变量的时候出了一个错，控制台显示

图片.png

看大概意思是api不匹配，查询资料才发现

css: {
    loaderOptions: {
      sass: {
        data: `@import "~@/assets/scss/variables.scss";`, //这里不再使用data，而是使用prependData
      },
    }
  }

修改后

css: {
    loaderOptions: {
      sass: {
        prependData: `@import "~@/assets/scss/variables.scss";`, 
      },
    }
  }

修改后正常使用，不在报错

记住遇到错误不要慌，看控制台报错，仔细分析，一定可以解决问题