全局引入varibale.scss(里面定义的是变量)

vue.config.js 中 全局 scss 使用如下配置, 这样就可以全局使用里面定义的变量了, 不用每个文件都导入(注意也不用在main.js中导入, 不然会报错)
当然也可单个文件引入, 如果varibale.scss里面定义的是class 只在main.js中引入就可以了, 不用配置vue.config.js

module.exports = defineConfig({
  css: {
    loaderOptions: {
      scss: {
        additionalData: `@import "@/assets/css/varibale.scss";` // 具体要引入的路径
      },
      sass: {
        additionalData: `@import "@/assets/css/varibale.scss";` // 具体要引入的路径
        
      }
    }
  }
});