Sass集成

---

步骤 1：安装 Sass

在你的项目中安装Sass

pnpm add --save-dev sass

---

步骤 2：配置构建工具

配置你的 vite.config.ts 文件，以支持全局scss变量：

import { defineConfig } from 'vite';

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "@/assets/styles/variable.scss";` // 引入全局变量文件
      }
    }
  }
})

---

步骤 3：使用 Sass

现在，你可以在项目中轻松使用全局scss变量了：

//variables
$primary-color: #333;

//使用变量和mixins
.button {
  background-color: $primary-color;
}