AddFox
  • 简体中文

      • Sass

      安装

      需要安装 @rsbuild/plugin-sass 插件：

      pnpm
      npm
      yarn
      bun
      pnpm 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 文件的编译和导入