vite配置自动引入全局scss变量文件

全局自动引入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文件中使用