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

Question

我最近将我的 sass-loader 从 8.0 升级到 9.0，当我运行 npm run build (vue-cli-服务构建) 我得到这个错误

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 :

• the prependData option was removed in favor the additionalData option, see docs

vue-loader guide现在也推荐 additionalData。