/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

11 votes331 views6 answers
Warning: LF will be replaced by CRLF in
CSS
13 votes351 views2 answers
Box-sizing
CSS
0 vote329 views1 answer
Hover media query
CSS
7 votes316 views3 answers
Italic in css
CSS
3 votes317 views2 answers
Div align right in css
CSS
0 vote325 views1 answer
Pass argument to group_by
CSS
0 vote334 views1 answer
Bash access array indirectly
CSS
0 vote313 views1 answer
Secondline ellipsis
CSS
0 vote286 views1 answer
Details summary hide arrow
CSS
0 vote322 views1 answer
Css border image repeat property
CSS