Tailwind カテゴリが失敗する理由は何ですか?

Question

<p>私は最初に Tailwind を使い始めましたが、現在は JavaScript でのみ使用しています。初日はクラス名はすべて正常に機能しましたが、翌日 VSCode でプロジェクトを開いたとき、以前に追加した Tailwind クラス名のみがまだ機能していました。 HTML にさらにクラス名やデザインを追加しようとしても、何も起こりません。 </p> <p>たとえば、h2 タグに <code>text-3xl</code> を追加しても、テキストのフォント サイズは変わりません。また、テキストに新しい色を追加したり、背景色を追加したりしても、効果がありません。 </p> <p><strong>Github 内のすべてのコードとファイルへのリンク</strong></p> <pre class="brush:php;toolbar:false;"><div class="flex flex-col md:w-1/2"> <h2 class="text-center text-3xl font-bold md:text-left">会社の全体的な進捗状況を追跡します</h1> <p class="text-center md:text-left mt-4 mb-6">日々のタスクがより広い視野にどのように適合するかを理解します。マイルストーン レベルから最も小さな詳細に至るまでの進捗状況を追跡します。もう全体像を見失うことはありません。 </p> </div><<

Answer 1

Tailwind では、出力 CSS ファイルにすべてのユーティリティ クラスが含まれているわけではありません。代わりに、ビルド プロセス中にコードで使用するクラスを解析し、それらのクラスのみを出力ファイルに追加します。

したがって、コードにクラスを追加する場合は、手動で、またはビルド コマンドに --watch オプションを含めて、ビルド プロセスを再実行する必要があります。例えば：＃＃＃ リーリー

注: これは、ブラウザ開発ツールの DOM インスペクターに以前は使用されていなかったユーティリティ クラスを追加しても、ページ要素にすぐには影響しない理由でもあります。