Install tailwindcss on ReactJS

readme.md

SETUP TAILWIND CSS Pada ReactJS

1. Masukan ini npm install tailwindcss --save-dev

2. Masukan perintah ini npx tailwind init tailwind.js --full

3. Masukan perintah ini :
   

npm install tailwindcss postcss-cli autoprefixer@9.8.6 -D

jangan menggunakan autoprefixer lebih dari > 9.8.6

4. buat file baru di dalam root project beri nama postcss.config.js

5. create folder src/assets/tailwind.css

6. isi dengan :
   

    @import "tailwindcss/base";
    @import "tailwindcss/components";
    @import "tailwindcss/utilities";

7. masukan ini di package.json bagian scriptnya:
   

    "start": "npm run watch:css && react-scripts start",
    "build": "npm run watch:css && react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"

8. masukan ini di index.js root project :
   import './assets/main.css';

9. jalankan project dengan npm start

made with ❤️ in cimahi by @rbayuokt
let's be friend !
https://twitter.com/rbayuokt 👍