1.options has an unknown property ‘data’.

在配置过程中遇见问题：

  2. Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
  3.  - options has an unknown property 'data'. These properties are valid:
  4.    object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }

它说：options具有未知的属性“数据”。
查阅官网，发现官网是如下配置：

  1. module.exports = {
  2.   css: {
  3.     loaderOptions: {
  4.       // 给 sass-loader 传递选项
  5.       sass: {
  6.         // @/ 是 src/ 的别名
  7.         // 所以这里假设你有 `src/variables.sass` 这个文件
  8.         // 注意：在 sass-loader v8 中，这个选项名是 "prependData"
  9.         additionalData: `@import "~@/variables.sass"`
  10.       },
  11.       // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
  12.       // 因为 `scss` 语法在内部也是由 sass-loader 处理的
  13.       // 但是在配置 `prependData` 选项的时候
  14.       // `scss` 语法会要求语句结尾必须有分号，`sass` 则要求必须没有分号
  15.       // 在这种情况下，我们可以使用 `scss` 选项，对 `scss` 语法进行单独配置
  16.       scss: {
  17.         additionalData: `@import "~@/variables.scss";`
  18.       },
  19.       // 给 less-loader 传递 Less.js 相关选项
  20.       less:{
  21.         // http://lesscss.org/usage/#less-options-strict-units `Global Variables`
  22.         // `primary` is global variables fields name
  23.         globalVars: {
  24.           primary: '#fff'
  25.         }
  26.       }
  27.     }
  28.   }
  29. }

在引入 sass 时，把 data 修改为 additionalData 即可。