sass-loader 9.0.x & vue: ValidationError: Invalid options object。 Sass Loader 已使用选项对象初始化

Question

我最近将我的 sass-loader 从 8.0 升级到 9.0，当我运行 npm run build (vue-cli-service build) 时出现此错误

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 'prependData'

prependData这个词唯一出现在我的vue.config.js中：

{
  //...
  publicPath: process.env.VUE_APP_ASSETS_PUBLIC_PATH,
  css: {
    loaderOptions: {
      scss: { // \/\/\/\/ here's prependData below
        prependData: `
            @import "~@salesforce-ux/design-system/design-tokens/dist/theme-one-salesforce.default.scss";
          `
      }
    }
}

Answer 1

将vue.config.js 中的prependData 更改为additionalData。

更多信息在the changelog for vue-loader 9.0.0:

• 删除了 prependData 选项以支持附加数据选项，请参阅docs

vue-loader guide 现在已经过时，错误地建议使用prependData。