【Vue】Vue3 配置全局 scss 变量

variables.scss

$color: #0c8ce9;

vite.config.ts

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

.vue 文件使用