Vite 项目安装 Sass 指南：步骤、配置及示例

要在 Vite 项目中安装 Sass，请按照以下步骤操作：

在终端中进入您的 Vite 项目的根目录。
运行以下命令来安装 Sass：

npm install sass --save-dev

或者使用 yarn：

yarn add sass --dev

安装完成后，您需要在您的 Vite 配置文件（vite.config.js）中配置 Sass 插件。例如：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import sass from 'sass';

export default defineConfig({
  plugins: [vue(), sass()],
});

现在，您可以在您的 Vite 项目中使用 Sass 了。只需在您的样式表中编写 Sass 代码，并将其保存为 .scss 文件即可。

例如，在您的样式表中，您可以使用 Sass 的变量和嵌套规则：

$primary-color: #42b983;

.button {
  background-color: $primary-color;
  color: white;

  &:hover {
    background-color: darken($primary-color, 10%);
  }
}