Bootstrap

【Vue】Vue3 配置全局 scss 变量

variables.scss

$color: #0c8ce9;

vite.config.ts

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

.vue 文件使用

在这里插入图片描述

;