PostCSS是以一款功能強大的css轉換處理軟件。本軟件具備強大的插件功能?？梢灾匦露xcss，對css進行擴展、功能轉換。對于做編程的工作人員來說，是個不錯的編程工具！需要的用戶歡迎在綠色資源網下載使用。

軟件介紹

PostCSS是使用JS插件來轉換CSS的工具，支持變量、混入、未來 CSS 語法、內聯圖像等等。PostCSS 已經被許多大公司使用，包括維基百科、Twitter、阿里巴巴和JetBrains。PostCSS 旨在通過自定義的插件和工具生態(tài)體系來重新定義 CSS。與類似 Sass 和 LESS 這樣的預處理機制類似，它可以把擴展的語法和功能轉換成現代的瀏覽器友好的CSS代碼。

PostCSS軟件特點

1.PostCSS使用的是 Node.js框架，編程語言和工具的能力使得對PostCSS的修改和自定義都很簡單。Sass 和 LESS 則受限于編譯器自身鎖提供的能力。

2.作為一個 API，PostCSS 讓我們能夠創(chuàng)建任何需要的插件和工具。這種模塊化的平臺設計使得這個工具比較專一，更專注于功能需求。PostCSS 對語言格式不做限制，如果需要也可以使用 Sass 和 LESS 的語法格式。

3.PostCSS把項目中所有需要創(chuàng)建函數、工具和mixin的代碼提取出來封裝成插件。這樣，對于每一個項目，我們都可以在項目里通過包含插件的方式來引入需要的功能。

4.PostCSS 自身并不強大；它的強大來自它的插件。也許你已經發(fā)現之前Gulp和Grunt的實現當中，任務說明中的數組是空的。這些數組可以定義我們打算 import 的社區(qū)開發(fā)的 PostCSS 插件，也就是我們需要包含的那些功能。

5.PostCSS 的 github 頁面可以找到那些驗證過的插件列表，跟 NPM 的包一樣，這些插件也都可以通過命令行安裝。很多插件只能作為 PostCSS 的擴展，而不能直接在你所用的 task runner 中使用。例如，我們安裝插件 PostCSS Focus 后，會給 hover 增加一個 a:focus 狀態(tài)。

PostCSS 插件安裝示例連接步驟：

插件可以直接作為方法的參數，不過為了代碼清晰，我們可以構造一個數組，然后把插件放到數組里作為參數。在數組里，我們可以包含所有需要的 require 語句，這些 require 語句會返回插件，然后被立即調用。如果你需要對此有更多的了解，可以看一下 Ryan Christiani 的“javascript 中函數作為一等公民”。

對于 Grunt，修改后的代碼如下（包含我們剛創(chuàng)建的 processorArray 數組）：

下面是 Gulp 的版本：