DjangoでTailWindcssを使う方法

Question

自動再ロード付きのクリーンなワークフローを含むDjangoプロジェクト（CDNだけでなく）でTailWindcssのすべての機能を使用する方法、およびPurgecss Stepは、プロダクション準備完了ですか？

グーグルのとき、私はDjango-Tailwindという名前のpythonパッケージを見つけましたが、それは実際にはプロセスで私を助けていませんでした。

Answer 1

1。インストールのために希望のフォルダに移動します。私の場合：

_ mkdir static/css/tailwind

 cd static/css/tailwind
_

2。 package.json：

_npm init -y
_

。 NPMを介してPAILWINDをインストールします。

_npm i tailwindcss
_

4。 CSSファイルを作成してコードを追加する 公式テールワインドマニュアル ：

_@tailwind base;
@tailwind components;
@tailwind utilities;
_

5。 package.jsonを開き、この変更を "scripts"：にします。

_  "scripts": {
    "build:css": "tailwind build tw.css -o ../tailwind.css"
  },
_

6。書面によるスクリプトを実行してください

_npm run build:css
_

_tw.css_は、4ステップで作成したファイルの場所です。 _../tailwind.css_は、テールワインドCSSを出力するファイルの場所です。したがって、このコマンドを実行した後は、テールワインドベース、コンポーネント、およびユーティリティの_tailwind.css_ファイルがあります。