通过HbuilderX可视化界面创建的uni-app项目其他的全局使用scss变量方法？

Question

通过HbuilderX可视化界面创建的uni-app项目，假如单独定义一个mixin.scss,怎样实现在任意.vue文件不引用的情况下就能直接使用，目前已知uni.scss文件里定义的变量是可以全局直接用的，或者把mixin.scss引入到uni.scss文件中，还有其他方法吗？

尝试创建vue.config.js文件，配置
module.exports = {
css: {

loaderOptions: {
  sass: {
    prependData: `
      @import "@/static/scss/variables.scss";
      @import "@/static/scss/mixin.scss";
    `
  }
}

}
}
安装了scss-loader依赖，运行还是报错。