Closed
Description
Version
System:
OS: Windows 10 10.0.19045
CPU: (8) x64 Intel(R) Core(TM) i3-10100 CPU @ 3.60GHz
Memory: 4.99 GB / 15.75 GB
Browsers:
Edge: Chromium (128.0.2739.63)
Internet Explorer: 11.0.19041.4355
npmPackages:
@rsbuild/core: ^1.1.8 => 1.1.10
@rsbuild/plugin-vue: ^1.0.5
Details
In this way https://rsbuild.dev/guide/basic/unocss
Unocss transformerVariantGroup
not work
import { defineConfig, presetUno, transformerVariantGroup } from 'unocss'
export default defineConfig({
content: {
filesystem: ['./src/**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}'],
},
presets: [presetUno()],
transformers: [transformerVariantGroup()], // not work
})
<div class="bg-red text-(center white xl)">Rsbuild</div>
The effect of not using transformers
is as follows:
<div class="bg-red text-center text-white text-xl">Rsbuild</div>
Reproduce link
https://codesandbox.io/p/github/rspack-contrib/rsbuild-codesandbox-example/main
Reproduce Steps
<div class="bg-red text-(center white xl)">Rsbuild</div>