sass-loader 引入全局css变量

报错信息

Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized 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? }

loader 配置

版本： "sass-loader": "^8.0.2"
报错原因： 新版sass-loader改了options参数名，把data改为了prependData，参考：https://github.com/webpack-contrib/sass-loader#prependdata

  // ...
  css: {
    loaderOptions: {
      sass: {
        data: `
          @import "@/assets/styles/_variable.scss";
        `
      }
    }
  }
}

正确配置

// ...
 css: {
    loaderOptions: {
      less: {
        additionalData: `@import "./src/styles/index.less";`,
      },
      scss: {
        prependData: `@import "./src/styles/index.scss";`,
      }
    },
  }