Replies: 2 comments 3 replies
-
Hey! You can read about that in our compatibility guide but the short answer is that we do not support SCSS files with the Vite plugin. If you really need it for some reason, you can try to build your own SCSS implementation with the PostCSS plugin and by controlling the execution order but both SCSS and Tailwind CSS are pre-processors that extend CSS and cause a conflict in some areas, so that's not something that we can support unfortunately. |
Beta Was this translation helpful? Give feedback.
-
No supporting SCSS and not providing similar features to what SCSS provides, it will cost a lot. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
What version of Tailwind CSS are you using?
For example: v4.0.8
What build tool (or framework if it abstracts the build tool) are you using?
Vite 6.2.0
What version of Node.js are you using?
v22
What browser are you using?
Chrome
What operating system are you using?
Macos
Reproduction URL
https://github.com/simPod/tw-vite-repro
Describe your issue
I have created
index.css
index.scss
Imported both files in index.html.
npm run dev
you can see TW styles from css files are applied while from scss file are not. All other styles are applied.
Tailwind vite plugin somehow ignores scss files.
Beta Was this translation helpful? Give feedback.
All reactions