vue cli3在使用官方方法配置CSS 全局变量报错及解决方案

在vue cli3 中我们在vue.config.js 配置文件中对CSS 进行全局变量配置时，大多人所用的方法：

loaderOptions: {
      sass: { 
        data:`@import"./src/styles/main.scss";`
      }
    }

这样我们在运行时就会出现诸如以下错误

以下写法修改后就正确了

loaderOptions: {
      sass: { 
        prependData:`@import"./src/styles/main.scss";`
      }
    }