TailwindCSSを使用する方法
Web開発
Django
初級
DjangoでTailwindCSSを使用する方法を紹介します。
TailwindCSSをCDNから読み込むと、すべてのクラスが読み込まれるので、とても重くなってしまいます。
この方法を実行すると、軽量化したTailwindCSSを読み込むことができるようになります。
ぜひ参考にしてください。
学習内容
学習内容です。
・Djangoプロジェクト作成
・TailwindCSSでデザインする方法
・npmコマンドでCSS軽量化する方法
・軽量化CSSファイルを読み込む方法
機能
・DjangoでTailwindCSSの軽量化CSSファイルを出力
解説動画
YouTubeで解説をしています。
https://youtu.be/Piew13LGj_o解説記事
Zennで解説をしてます。
https://zenn.dev/hathle/articles/django-tailwindcss