#UnoCSS

#설치

pnpm

npm

yarn

bun

pnpm add -D unocss @unocss/postcss

npm install -D unocss @unocss/postcss

yarn add -D unocss @unocss/postcss

bun add -D unocss @unocss/postcss

#구성

postcss.config.mjs를 생성합니다:

export default {
  plugins: {
    "@unocss/postcss": {},
  },
};

선택 사항: 규칙 확장을 위해 uno.config.ts를 생성합니다.

#사용

Entry 스타일에서 UnoCSS를 가져옵니다:

/* app/popup/index.css */
@unocss;

그리고 Entry 스크립트에서 이 CSS를 가져옵니다:

import "./index.css";

그런 다음 컴포넌트에서 UnoCSS 원자 클래스를 사용할 수 있습니다.