Unocs在样式模块中使用原子css

.container中使用@apply指令{@applyp-5bg-pinkc-white;}unocssunocss可以直接在class里面写atomiccss，但是有时候真的不想在tag上堆很多css样式，导致tagclass很长，或者tagattributes太多。官方配置提供了一个插件来写风格的atomiccss，官方文档#apply//vite.config.tsimport{defineConfig}from"vite";importUnocssfrom"unocss/vite";importtransformerDirectivefrom"@unocss/transformer-directives";exportdefaultdefineConfig({plugins:[vue(),Unocss({transformers:[transformerDirective()],})],});@unocss/transformer-directives插件允许在样式Writeatomizedcss.container中使用@apply指令{@applyp-5bg-pinkc-white;}效果