[Vue] Vue3 configures global scss variables

variables.scss

$color: #0c8ce9;

vite.config.ts

    // 全局css变量
    css: {
    
    
      preprocessorOptions: {
    
    
        scss: {
    
    
          additionalData: `@import "@/styles/variables.scss";`,
        },
      },
    },

.vue file usage