[TOC] # 簡介 PostCSS 是一個使用 JS 解析樣式的插件集合，它可以用來審查 CSS 代碼，也可以增強 CSS 的語法（比如變量和混合宏），還支持未來的 CSS 語法、行內圖片等等。 PostCSS 的哲學是專注于處理一件事，并做到極致，目前它已經有了 200 多個插件，由于它們都是基于 JavaScript 編寫的，所以運行速度非常快。 # 插件 ## cssnext cssnext是PostCSS中一個插件,用于將未來CSS特性編譯為現今支持的特性.特別需要指出,它和Sass或Less并非不同的語言.它提供正在進行中的CSS規范的特性.一些特性已經得到瀏覽器支持.另外一些還處于規范的初始階段. 我使用cssnext來填補失去的Sass特性留下的鴻溝. ## 瀏覽器私有前綴Autoprefixer [Autoprefixer](https://github.com/postcss/autoprefixer)是一個后處理程序，不象Sass以及Stylus之類的預處理器。它適用于普通的CSS，可以實現css3代碼自動補全。也可以輕松跟Sass，LESS及Stylus集成，在CSS編譯前或編譯后運行 之前我用自定義Sass混合宏來解決添加所需要的前綴的問題**cssnext包含了Autoprefixer** ~~~ npm i autoprefixer -g ~~~ ## [stylelint](http://stylelint.io/) ## [cssnano](https://www.npmjs.com/package/cssnano)