First add tailwind and postcss
npm install tailwindcss postcss autoprefixer postcss-cli
Initialize tailwindcss
npx tailwindcss init
Create a "postcss.config.js" and paste the following in it
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
]
}
Create the necessary files
mkdir public
mkdir public/styles
touch public/styles/tailwind.css
touch public/styles/style.css
Paste the following in public/styles/tailwind.css
@tailwind base;
@tailwind components;
@tailwind utilities;
The last thing is to add this to the scripts in package.json
"tailwind:css": "postcss public/styles/tailwind.css -o public/styles/style.css"
// tailwind.config.js
module.exports = {
purge: [],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
},
variants: {},
plugins: [],
}