SOS！vuetify 自定义 sass 变量不生效了！

在vue.config.js文件这样写了，也在src/scss/variables.scss创建了文件了，但是修改的变量还是没有生效。我是做少了哪个步骤吗

  css: {
    loaderOptions: {
      // 给 sass-loader 传递选项
      sass: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.scss` 这个文件
        // prependData: `
        // @import '~@/style/mixin.scss';
        // @import "~@/style/variables.scss";
        // `
      }
    }
  },

注意scss改为sass.
参考：