#Sass

#Установка

Необходимо установить плагин @rsbuild/plugin-sass:

pnpm

npm

yarn

bun

pnpm add -D @rsbuild/plugin-sass sass

npm install -D @rsbuild/plugin-sass sass

yarn add -D @rsbuild/plugin-sass sass

bun add -D @rsbuild/plugin-sass sass

#Конфигурация

Добавьте плагин в addfox.config.ts:

import { defineConfig } from "addfox";
import { pluginSass } from "@rsbuild/plugin-sass";

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

#Использование

После установки и настройки можно напрямую создавать и импортировать файлы .scss:

/* app/popup/index.scss */
$brand: #7c3aed;

.card {
  border: 1px solid $brand;
  color: $brand;
}

import "./index.scss";

#Примечания

• При использовании модульных стилей можно комбинировать с *.module.scss
• Плагин автоматически обрабатывает компиляцию и импорт файлов Sass