feat(unocss): 添加 presetAttributify 支持 CSS class 属性化

在 UnoCSS 配置中添加 presetAttributify 预设,使其支持通过属性方式使用 CSS class,提升开发体验
This commit is contained in:
feige996 2025-05-27 16:55:31 +08:00
parent 6d3c92b003
commit ff848585ae

View File

@ -1,5 +1,11 @@
import { presetUni } from '@uni-helper/unocss-preset-uni' import { presetUni } from '@uni-helper/unocss-preset-uni'
import { defineConfig, presetIcons, transformerDirectives, transformerVariantGroup } from 'unocss' import {
defineConfig,
presetIcons,
presetAttributify,
transformerDirectives,
transformerVariantGroup,
} from 'unocss'
export default defineConfig({ export default defineConfig({
presets: [ presets: [
@ -12,6 +18,8 @@ export default defineConfig({
'vertical-align': 'middle', 'vertical-align': 'middle',
}, },
}), }),
// 支持css class属性化
presetAttributify(),
], ],
transformers: [ transformers: [
// 启用指令功能:主要用于支持 @apply、@screen 和 theme() 等 CSS 指令 // 启用指令功能:主要用于支持 @apply、@screen 和 theme() 等 CSS 指令