問題タブ [tailwind-css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
tailwind-css - Tailwind でコンポーネントのテーマを設定する方法
現在 Bootstrap を使用している既存のプロジェクトに Tailwind を統合しています。コードベースは現在、異なるテーマを持つ 2 つの異なるサイトをサポートしています。Tailwind ですでに十分にサポートされている、より一般的なテーマ設定とは対照的に、個々のコンポーネントに固有のテーマ設定可能なスタイルを提供する慣用的な方法を見つけるのに苦労しています。
たとえば、両方のテーマで異なる背景色を持つ navbar コンポーネントのスタイルを設定するには、各サイトのテーマ構成にフィールドを追加し、そのコンポーネントに固有のスタイルを含め、プラグインを介してそれらのスタイルを追加します。
したがって、私の構成ファイルには次のようなものが含まれている可能性があります。
これは問題ありませんが、時間の経過とともにコンポーネントがどんどん追加されるため、ボイラープレートの量が必要になるため、少し面倒に感じます。それを行うためのより標準的な方法があるかどうか疑問に思っていますか?
明らかに、色の標準テーマを使用してコンポーネント プラグインから選択できると便利ですが、スタイリングの変更を最小限に抑えたいと考えているため、このユース ケースではあまり現実的ではありません。
css - 生成された CSS コードを Tailwind から分割する方法は?
Tailwind PostCSS プラグイン (purgecss プラグインと組み合わせて) によって生成された大きな CSS ファイルを複数の CSS ファイル (コンシューマー JS ファイルごとに 1 つの CSS ファイル) に分割するソリューションを探しています。JS ファイルで使用されている CSS ルールは、JS ファイルで使用されているセレクター (つまり、p-1 や m-1 などのクラス名) を調べることで検出できます。
これまたは同様のものを達成する方法はありますか？