How To Use TailwindCSS With Node.js, Express and Pug

You can also find me on:

[sahassaurav]

Instead of creating manually postcss.config.js try npx tailwindcss init -p it creates both tailwind.config.js and post css.config.js

[Skillthrive]

Thanks for this video! Never thought I would need to do this but today I did and your video was helpful. Thanks again!

[Samuel-]

If you want to watch for changes to avoid running command every time you make a change do this:

in package.json add this line to scripts:
- "tailwind:watch": "postcss public/styles/tailwind.css -w -o public/styles/style.css"

then open a terminal and type:
- npm run tailwind:watch

Now the script will keep watch on the file. Hope this helps someone.

[bhmarque]

So good video. Please continue with this wonderful content!!

[Vinfiz]

Very helpful and straight forward in a timely fashion. THANK YOU :-)

[tanujasharma]

warn: the 'content' option in your tailwind css configuration is missing or empty, configure your content sources or your generated CSS will be missing styles

[Rij-kp]

so after setting this up i just have to keep adding classes ?
is there any way to directly copy and paste components?

[edgarasben]

Instead of building css manually every time, how would it be possible to watch for changes?

[palashagrawal]

I am getting only few lines of css codes in style.css but not whole tailwind css. Does anyone is facing the same issue too?

[vitaminabe]

how would i prepare for production, i mean is there a script i can run to optimize the size of the styles.css file?

[cosmick]

The version of TailwindCSS used in this video is 2.0.2, which is outdated. As of the posting of this comment we are now on 3.2.4, which likely introduces breaking changes.

[rohanverma]

Instead of pug i want to use a normal HTML file it still work

[mr.shoaibmalik]

Thank you so much sir so soleve my problem 💙💙💙

[oscarag]

*Input Error: You must pass a valid list of files to parse*
some help?

[msbasera]

No css file is generating after first time

[mrredogaming]

Can u do a tutorial instead of using Pug use ejs i still havent figured out how to use tailwind css with it