YuCheng Kuo

UnoCSS Scanning

UnoCSS utilities scanning

UnoCSS works at build time, which means that only statically presented utilities will be generated. Utilities that are used dynamically or generated from external source might not be applied.

By default, UnoCSS will extract the utilities from files with .jsx, .tsx, .vue, .html, .svelte, .md and .astro. .js and .ts files are not included by default, add @unocss-include to include the file or @unocss-exclude to exclude it from the transforming pipeline.

// somethere/config.ts

// @unocss-include
const tagClasses = [
  'tag-gray',
  'tag-indigo',
  'tag-tomato',
  'tag-brown',
  'tag-crimson',
  'tag-violet',
]
// somethere/config.ts

// @unocss-include
const tagClasses = [
  'tag-gray',
  'tag-indigo',
  'tag-tomato',
  'tag-brown',
  'tag-crimson',
  'tag-violet',
]

References

Related (1)