06 Installation+Guide+-+Tailwind+CSS
06 Installation+Guide+-+Tailwind+CSS
Step 2 - Copy this script tag and paste in the Head Section.
<script src="https://cdn.tailwindcss.com"></script>
1
Code Bless You
Step 5 - Create postcss.config.js file and paste these lines in it. Save
it.
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
2
Code Bless You
Step 7 - Now we will create Folder src and then create a new
main.css file in it. Copy this line of code and paste it in style.css file
and save it.
@tailwind base;
@tailwind components;
@tailwind utilities;
Step 8 - Now open package.json file and in scripts curly bracket add
this script and Save it.
"build": "tailwind build -i Tailwind/main.css -o public/tailwind.css",
Step 10 - Now Create HTML file in public Folder and After that link
tailwind.css in your HTML File.
<link rel="stylesheet" href="./tailwind.css">
3
Code Bless You