CLI

Yamada CLIを使用して、カラーやフォントサイズなどのカスタマイズしたテーマのトークンの型を生成できます。

CLIは、カスタマイズしたテーマを読み取り、node_modules/@yamada-ui/core/dist/generated-theme.types.d.tsにトークンの型を生成します。

インストール

ターミナルで次のコマンドのいずれかを実行します。

pnpm add --save-dev @yamada-ui/cli

package.jsonにスクリプトを追加し、スクリプト内でカスタマイズしたテーマの場所を指定します。

{
  ...
  "scripts" : {
    ...
    "theme" : "yamada-cli tokens path/to/theme.ts",
    "theme:watch" : "yamada-cli tokens path/to/theme.ts --watch",
  } 、
  ...
}

使い方

テーマの型を生成するには、次のスクリプトのいずれかを実行します。

pnpm theme

テーマのカスタマイズ中に型を継続的に生成したい場合は、次のスクリプトのいずれかを実行します。

pnpm theme:watch