tailwindlabs/tailwindcss-jit

Responsive classes not being generated

IgnisDa opened this issue · 1 comments

IgnisDa commented

What version of @tailwindcss/jit are you using?

v0.1.4

What version of Node.js are you using?

v15.12.0

What browser are you using?

Chrome

What operating system are you using?

Ubuntu 20, Linux

Reproduction repository

https://github.com/IgnisDa/ignisda.me

I am using Nuxtjs and have activated the JIT. The compilation is much faster, but responsive variants are not being generated.

This can be reproduced using the following:

  1. Clone the repository and cd into it and then cd frontend/
  2. yarn generate. Then save dist/blog/index.html to a temporary location.
  3. Set jit: false in nuxt.config.js to disable the JIT compiler and then yarn generate. Save dist/blog/index.html to a temporary location.
  4. Now count the number of occurrences of @media in the file obtained in step 2 [I get 24 instances] to the one obtained in step 3 [I get 11 instances].

You will find that the responsive classes for any of the tailwind classes are not being generated.

IgnisDa commented

Turns out there were some dependency issues. They were fixed in this commit https://github.com/IgnisDa/ignisda.me/tree/9fcc60314ff8f35350d27da5c560dcedeefde1b3

Excellent work with the package!