Javascript 从其他文件夹Vue JS访问sass变量

我试图创建组件

ButtonFilled.vue

，我想在这个组件上设置sass的样式，并像这样访问sass变量

但我承认这个错误，有什么解决办法吗？

这是我的

main.js

文件

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

import "@/assets/sass/master.sass";

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");

这是我的

master.sass

// Base
@import "./base/fonts"
@import "./base/resets"
@import "./base/typography"

// Abstracts
@import "./abstracts/variables"
@import "./abstracts/functions"
@import "./abstracts/mixins"

---

我在

vue.config.js

及其作品中使用了这个，谢谢大家

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        additionalData: `@import "~@/assets/sass/abstracts/variables.sass";`
      }
    }
  }
}