#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 を作成してルールを拡張。

#使用

エントリースタイルで UnoCSS をインポート：

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

そしてエントリースクリプトでこの CSS をインポート：

import "./index.css";

その後、コンポーネントで UnoCSS アトミッククラスを使用できます。