Skip to content

[Bug]: Unocss transformerVariantGroup not work #4231

Closed
@a81n9

Description

@a81n9

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>

Image

The effect of not using transformers is as follows:

<div class="bg-red text-center text-white text-xl">Rsbuild</div>

Image

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>

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions