Coming from Vite (pronounced /vit/
), where it does allow SCSS/SASS, but it believed in future web standards.
I find this unintuitive.
a {
& b {
color: red;
}
}
So, does anyone actually use or prefer postcss? Or rather, what it your favorite compile-to-CSS (maybe, LESS, Stylus), and why?
Top comments (7)
SCSS seems to be the most popular option. I highly recommend it. For all I know, other tools may be better, but I've never used them or noticed a job that required them instead of SCSS.
I also use PostCSS but only for one-time setup things like automatic addition of fallback properties and some other stuff. After that, PostCSS isn't something I actively work with. It just does stuff at compile time, not while I work. It complements SCSS in my opinion.
Nesting
The selector in the example feels a bit unintuitive to me as well. It can be re-written like this, which is perhaps a bit more intuitive:
Personally, I prefer nesting a lot compared to standard CSS. It feels a lot cleaner to not repeat the first selector every time. It also works for BEM.
Other features
Other good features are:
None of the features are necessary, but they can be very helpful. I use nesting 100% of the time. I use things like loops and mixins rarely, but I'm glad they're there when I need them.
So, if you like the features, use it, but you definitely don't have to.
Thank you, It's really helpfull
I mostly tend to use PostCSS in combination with TailwindCSS
@apply
classes and Sass preprocessing. This gives me a very good way to write reusable components and don't clutter my markupI don't know about many CSS extensions but SASS is giving me all I want. The features it provides are more than enough ^^''
I Love postcss. cause almost everything gets here
also, postcss provides some plugging for optimizations
asl like purge-css and auto prefixer and so on
I actually prefer PostCSS with Tailwind (or WindiCSS alone). It saves me more keystrokes and increase my speed to develop something.
I only use SCSS for generating classes and CSS custom properties based on variables defined in SCSS (e.g. an array of spacing values). After that, I basically write CSS.