Less

安装

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

pnpm

npm

yarn

bun

pnpm add -D @rsbuild/plugin-less less

配置

在 addfox.config.ts 中添加插件：

import { defineConfig } from "addfox";
import { pluginLess } from "@rsbuild/plugin-less";

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

使用

安装并配置后，可直接创建并导入 .less 文件：

/* app/popup/index.less */
@brand: #2563eb;

.btn {
  background: @brand;
  color: #fff;
}

import "./index.less";

说明

建议在 content 场景使用命名空间类名，避免污染页面样式
插件会自动处理 Less 文件的编译和导入

#Less

#安装

#配置

#使用

#说明

Less

安装

配置

使用

说明