Is Tailwind JIT working correctly?

[jeffreyvr]

Is Tailwind JIT working correctly?

[jeffreyvr]

I think that Adam means he just removed @import "tailwindcss/base";, not all imports. If you leave the others in, you will get the effect as seen in the video.

Quick example: https://youtu.be/vBhyv-9va5s

Ps. If you wan't it to pick up on Tailwind classes inside JS-files to (in your gif you are changing app.js), you would have to add it to the purge list in tailwind.config.js. But you might have already known that :-)

[dgwyer]

Yes, that's true for the JS files but in the GIF above I'm editing a PHP file too and those classes aren't being compiled for some reason as in your video. Not sure why.

[jeffreyvr]

Just to be sure, do you have these two not commented out?:

@import "tailwindcss/components";
@import "tailwindcss/utilities";

[dgwyer]

Yes, I did comment those out. I just added them back in and it works now when modifying PHP and JS. I didn't realise this was a requirement though.

Going back to Adam's video, at the time I linked to there are no styles at all in his build.css until he starts adding in classes to the HTML file. Whereas TailPress adds in all the base, components, and utility classes by default which you can then add to when editing PHP, and JS.

If this is the way TailwindCSS JIT works how do you think Adam has an empty build file until he starts adding classes to HTML files?

[jeffreyvr]

That's because the templates files are watched and all utility classes that occur in them are added to the app.css file.

If you, as a test, only watch for one file (say index.html) you'll see the effect as seen in the video of Adam. Quick example: https://www.youtube.com/watch?v=IXoWlSp2Ja0

[dgwyer]

Got it. Thanks for clarifying.