how to properly install tailwind css in react

1@import "tailwindcss/base";
2
3@import "tailwindcss/components";
4
5@import "tailwindcss/utilities";
6

1npx tailwind init tailwind.js --full
2

1npm install tailwindcss postcss-cli autoprefixer@9.8.6 -D
2

1"scripts": {
2  "start": "npm run watch:css && react-scripts start",
3  "build": "npm run watch:css && react-scripts build",
4  "test": "react-scripts test",
5  "eject": "react-scripts eject",
6  "watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"
7}
8

1const tailwindcss = require('tailwindcss');
2module.exports = {
3    plugins: [
4        tailwindcss('./tailwind.js'),
5        require('autoprefixer')
6    ],
7};
8

1touch postcss.config.js
2

1npx create-react-app react-tailwindcss && cd react-tailwindcss
2