Vue3 配置全局 scss 变量

variables.scss

$color: #0c8ce9;

vite.config.ts

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

.vue 文件使用

Vue3 配置全局 scss 变量_第1张图片

你可能感兴趣的:(Vue,scss,前端,css)