tailwindでパターンを処理したい
tailwindcss
で
デザインシステム
もどきを作っていると、ボタンとかのスタイルとしていくつか色の指定を取りたいことがあるが,元々の色の指定が
bg-blue-500 hover:bg-blue-400 active:bg-blue-600
とかだとそれぞれのパターンを作るのは大変
tailwindでvariantをまとめて付ける
みたいに
babel-plugin-macros
で解決できないかな
うまくいかなかったアプローチ
TypeScript
の型を追跡してパターンを生成するtransformerを書く
TypeScript
の型からコード生成するのは危うさがある
Watchモードを処理するためのコードが厳しい感じになった
大域的な情報を使うのでパフォーマンスへの影響が気になる
#idea