Tampilkan postingan dengan label tailwindcss. Tampilkan semua postingan
Tampilkan postingan dengan label tailwindcss. Tampilkan semua postingan

Minggu, 28 Maret 2021

Menggabungkan Tailwindcss dengan Django

Pernah dengar tool yang keren seperti Tailwindcss? Tapi bingung cara menggunakannya pada project Django? Postingan ini merupakan jawaban dari pertanyaan-pertanyaan tersebut.

1. Solusi Pertama (Tailwindcss CDN)

Cara yang paling sederhana bisa menggunakan cdn Tailwindcss dengan menyertakannya di template atau base yang ingin digunakan dengan Tailwindcss, yakni dengan memasukan kode :

<head>

  ...

  <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

  ...

</head>

 lalu jadilah. Kita bisa menggunakan class Tailwindcss sekarang pada template kita.

 Solusi ini merupakan solusi yang paling cepat dan tepat karena kita sudah bisa memasukan semua css taildwindcss di template yang kita inginkan dengan framework apapun. Ini baik untuk testing tanpa menyentuh bagian produksi sama sekali.

 2. Paket Django-Tailwind

 Untuk cara yang kedua kita bisa menggunakan paket django-tailwind dengan mengikuti instruksi dari project pip dan sedikit mengganti setting di project kita.

 paket django-tailwind akan menghapus class yang tidak terpakai dan tidak memakai Javascript lainya.

 3. Menggunakan Tailwind dan PostCSS

 Cara ini menhgunakan perintah npm dengan isi file pakage json

{

  "name": "django-tailwind",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "author": "",

  "license": "ISC",

  }