CSS? Den gamla, tråkiga saken? Ingen använder vanlig CSS nuförtiden. Alla coola, jag menar, professionella utvecklare använder preprocessorer nuförtiden. Du vet, de saker som är lösningar på CSS-begränsningar och ger dig extra funktioner (som mixins) som kan hjälpa till med skalbarhet och effektivitet. Jag skulle kunna ge dig 6 skäl att använda en css-preporcessor varje dag, men det är ett gammalt ämne.
Jag skulle hellre prata just nu om de bästa CSS-preprocessorerna 2021.
1.SASS
Den enda, den enda, kungen bland preprocessorer. SASS är det mest mogna, stabilaste och kraftfullaste tilläggsspråket som finns på marknaden, och med mer än 15 år sedan lanseringen 2006 är det svårt att ifrågasätta det. SASS har massor av funktioner, som regler (som funktioner på ett sätt) och inbyggda moduler, en mer än stor supportgemenskap och ligger till och med till grund för Bootstrap, så det är inte konstigt att det är det mest populära just nu. Sass är lätt att installera, konfigurera och lära sig på språng, med tanke på att det har ett stort community och supportforum.
2. MINDRE
LESS är det vi använder här på EMOTIONstudios, så vi kan lugnt säga att det är vår favorit på den här listan. Det är fortfarande ett av de äldre på den här listan och lanserades 2009. Det är pålitligt, det har en smidig inlärningskurva eftersom dess syntax är mycket lik vanlig CSS. När vi tittar på dess funktioner kan vi se att den har de flesta av samma funktioner som SASS, bara under ett annat namn, inklusive olika funktioner och mixins.
3.Stylus
Stylus lanserades 2010 och har en mindre användarbas än de två förstnämnda, men är fortfarande en bra utmanare, särskilt för dem som är bekanta med Node.js. Det är byggt just med det, och om du är bekant med miljön är Stylus CSS-preprocessorn för dig. Mångsidigheten i Stylus är dess första och primära funktion: kolon, semikolon och kommatecken är alla valfria. Dessutom behöver du inte använda hakparenteser för att skapa kodblock eftersom Stylus använder indragningar istället för symboler för att göra det.
4. PostCSS
PostCSS är en av de stora utmanarna på den här listan. Nästan som en underdog är det ett av de största och bästa alternativen till SASS, LESS och Stylus. En av de största skillnaderna när det gäller PostCSS är det faktum att det är modulärt. Du behöver inte ta hela paketet (även om du kan) utan snarare kan du anpassa det, modifiera det och skapa nästan ett helt nytt resurspaket.
Vilka är dina CSS-preprocessorer?