インライン Tailwind CSS とマルチファイル Tailwind CSS の違いは何ですか?

Question

次のようにインラインで記述する必要がありますか?

• すべての Tailwind ランチャーを含むインデックス .css ファイル

リーリー

または別のファイルに、たとえば:

• index.css
  • ファイル1.css
  • ファイル2.css

Answer 1

index.css ファイルにはユーティリティ クラスを含めることができます。 CSS ファイルを構築および生成するには、tailwind コマンド tailwind -iindex.css -ooutput.css を使用します。

HTML ファイル内: class 属性で tailwind インラインを使用する必要があります:

リーリー

最後に必要なのは、tailwind 構成ファイルです。このファイルは、作業ディレクトリで tailwind init を実行すると自動的に作成されます。構成ファイルは次のようになります:

リーリー

このファイルの目的は、HTML ファイルが tailwind クラスを使用しているかどうかを確認し、使用している場合は、ビルド コマンドの実行時に output.css に基づいてレンダリングすることです。