vue cli3使用官方方法配置sass全局变量报错

更新的scss版本在vue cli3的项目里面的配置须要修改参数设置，具体在vue.config.js文件

sass-loader报错：
Module build failed (from ./node_modules/_sass-loader@8.0.0@sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.

• options has an unknown property 'data'. These properties are valid:
• object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
• at validate (D:旧项目webDemonode_modules_schema-utils@2.2.0@schema-utilsdistvalidate.js:49:11)
• at Object.loader (D:旧项目webDemonode_modules_sass-loader@8.0.0@sass-loaderdistindex.js:36:28)

注：（D:旧项目webDemo）是咱们本身的项目存放的路径

css: {
    loaderOptions: {
      sass: {
        data: `@import "~@/assets/scss/variables.scss";`, //这儿的键名改了
      },
    }
  }

// 旧
data: `@import "~@/assets/scss/variables.scss";`
// 新
prependData: `@import "~@/assets/scss/variables.scss";`