/CSS/How to properly install tailwind css in react

How to properly install tailwind css in react

Commmand for installing tailwind to react

npm install tailwindcss

Source: daveceddia.com

How to properly install tailwind css in react

@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";

Source: smashingmagazine.com

How to properly install tailwind css in react

npm install tailwindcss postcss-cli autoprefixer@9.8.6 -D

Source: smashingmagazine.com

How to properly install tailwind css in react

const tailwindcss = require('tailwindcss');
module.exports = {
    plugins: [
        tailwindcss('./tailwind.js'),
        require('autoprefixer')
    ],
};

Source: smashingmagazine.com

How to properly install tailwind css in react

touch postcss.config.js

Source: smashingmagazine.com

How to properly install tailwind css in react

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

-1

Source: smashingmagazine.com

Similar codes

1 vote199 views1 answer
How to check if eloquent result is empty
CSS
0 vote176 views1 answer
Meaning of bbc
CSS
3 votes185 views3 answers
Box sizing border box
CSS
0 vote168 views1 answer
Copy html css from website
CSS
0 vote175 views1 answer
Bootstrap progress bar animation not working
CSS
0 vote195 views1 answer
"selector-max-specificity"
CSS
1 vote181 views1 answer
Make blinking cursor disappear css
CSS
0 vote173 views2 answers
Background image syntax in css if it in folder
CSS
2 votes193 views3 answers
How to make a html css js editor
CSS
0 vote167 views1 answer
Best os for programming
CSS