全局自动引入scss变量文件

当定义了全局的scss变量文件并且而其他很多页面都需要使用的时候，都需要显式的使用@import或者@use引用一遍全局scss文件，很是麻烦。 使用以下配置这样能有效避免造成大量重复工作，可以在任何scss文件中任意使用全局变量。

1. 定义全局scss变量文件

2. 配置vite.config的css预处理的选项

 css:{
    preprocessorOptions: {
      scss: {
            additionalData: `@use "src/assets/style/globalColor.scss" as *;`
      }
    }
  }

3. 可在任意scss文件中使用