tailwind と Angular の両方を使用してプロジェクト全体でボタンスタイルをグローバルにする方法

Question

私は初心者で、Angular を調べていて、スタイリングに Tailwind を使用することにしました。すべての Tailwind クラスはインラインであるため、ボタンのスタイルクラスは巨大になり、ボタンを使用するには使用する必要があります。このクラスはどこにでもあります。これにより、コードが煩雑に見え、メンテナンスが面倒になります。

私の質問は、tailwind を使用してボタンスタイルをグローバルにする方法です。また、button-no-bg、button-bg-red# などの複数のボタンスタイルもあります。

##@apply ディレクティブを使用して、Angular の styles.css で定義してみました リーリー

コードの重複を避けるために、複数のボタン名とそれらに関連付けられたクラスを持つボタンクラスをグローバルにする方法を知りたいです。完全な答えではない場合は、参考資料を共有してください。