17 lines
1.1 KiB
Markdown
17 lines
1.1 KiB
Markdown
---
|
||
title: "PostCSS"
|
||
ring: adopt
|
||
quadrant: languages-and-frameworks
|
||
|
||
---
|
||
|
||
PostCSS is a tool for transforming stylesheets with JavaScript plugins. It comes with a parser that reads your CSS file into an AST, pipes it through the loaded plugins and finally stringifies it back into a (transformed) CSS output file.
|
||
|
||
We at AOE love PostCSS because it gives us the power to use [CSS Modules](https://github.com/css-modules/css-modules), which finally ends the curse of global CSS.
|
||
|
||
It also has a huge list of more than 350 other [available plugins](http://postcss.parts/). Sure, not all of them are useful, but the sheer number of plugins shows how easy it is to write your own plugin for it. In fact, it's just a matter of writing a single JS function.
|
||
|
||
Finally, PostCSS is very fast and easy to setup because it runs 100% in JavaScript.
|
||
|
||
Compared to [SASS](https://extranet.aoe.com/confluence/display/knowledge/SaSS) as a preprocessor, it feels much more powerful but at the same time less bloated with superfluous functionality because everything comes in its own little plugin.
|