sass,compass,post-css 让css更加高效

前端

post-css

Sass、Less、Stylus 這些工具稱為預處理器，意指本身無法被直接使用，需要再編譯的語言，編譯後就能夠被瀏覽器渲染，副檔名也會從 .sass 改為 .css；而 post-css 本身就是 .css，只是透過工具去優化目前的 CSS。

目前 post-css 的社群就已經相當龐大，有許多插件也廣泛地被使用，如：

autoprefixer: 可以加入 css3 prefix，甚至自訂 prefix 時代版本，或者是特定瀏覽器
lost: grid system 工具，直接在 CSS 內寫類似 susy 的 grid
cssnext: css 界的 ES6，讓你可以寫下一代的 CSS (可參考：http://cssnext.io/features/)
precss: 讓你可以在 css 內寫類似 sass 的語法 (例如：巢狀)
相關的插件是非常非常多的，這篇只會介紹 prefix ，如果有興趣的可以看 PostCSS Plugins。仔細看他的插件…，其實說他是另一種 sass 也不為過了…。

https://wcc723.github.io/sass/2015/12/25/replace-compass-with-node-sass-2/

sass

http://www.ruanyifeng.com/blog/2012/06/sass.html

compass

简单说，Compass是Sass的工具库（toolkit）。
Sass本身只是一个编译器，Compass在它的基础上，封装了一系列有用的模块和模板，补充Sass的功能。它们之间的关系，有点像Javascript和jQuery、Ruby和Rails、python和Django的关系。

http://www.ruanyifeng.com/blog/2012/11/compass.html