Vue3 配置全局 scss 变量

variables.scss

$color: #0c8ce9;
1

vite.config.ts

    // 全局css变量
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import "@/styles/variables.scss";`,
        },
      },
    },
1
2
3
4
5
6
7
8

.vue 文件使用