How to Install Tailwind CSS in a React Project Using Vite

Jika proyek Anda memerlukan atau Anda lebih suka menggunakan versi 3 yang lebih mapan, Anda perlu menginstalnya secara eksplisit.

Copot (uninstall) versi Tailwind CSS yang sudah ada:

bash

npm uninstall tailwindcss

Instal Tailwind CSS v3:

bash

npm install -D tailwindcss@3 postcss autoprefixer

Sekarang, jalankan perintah inisialisasi:

bash

npx tailwindcss init -p

Pada file vite.config.js edit menjadi seperti berikut:

Pada file tailwind.config.js edit menjadi seperti berikut:

Pada file index.css edit menjadi seperti berikut:

Sekarang, jalankan project:

bash

npm run dev

Selesai.

"Sebaik-baik blog adalah yang paling bermanfaat bagi pembacanya."