モノレポプロジェクト用Tailwind Config
プリセットベースのアプローチ、共有contentパス、一貫したテーマトークンで、モノレポパッケージ間でTailwind CSS設定を共有します。
Framework
詳細な説明
モノレポでのTailwind
モノレポ（Turborepo、Nx、PNPM workspaces）では、パッケージ間でTailwind設定を共有する戦略が必要です。
プリセットアプローチ
共有設定パッケージを作成し、各アプリがそれをプリセットとして拡張します。
Contentパスのスキャン
モノレポでの最大の落とし穴はcontentパスです。各アプリは自身のソースファイルと、Tailwindクラスを使用する共有パッケージをスキャンする必要があります。
ヒント
- プリセットは最小限に保つ -- 共有デザイントークンのみ
- 各アプリがアプリ固有のカスタマイズで拡張
- アプリ間で変わる値にはCSS変数を使用
ユースケース
モノレポ内の複数のアプリケーションやパッケージが一貫したTailwindデザインシステムを共有する必要がある場合にこのアプローチを使用してください。