PostCSS(CSS轉換工（gōng）具)

PostCSS是以一款功能強大的css轉換處理（lǐ）軟件。本軟件具備強大的插件功能（néng）。可以重新定義（yì）css，對css進行擴展、功能轉換。對於做編程的工作人員來說，是個不錯的編程工具！需要的（de）用（yòng）戶歡迎在綠色資源（yuán）網下載使用。

軟（ruǎn）件介紹

PostCSS是使用JS插件來轉換CSS的（de）工具，支持變量、混入、未來 CSS 語法、內聯圖像等等。PostCSS 已經被（bèi）許多大公司（sī）使用，包括維基百科、Twitter、阿裏巴巴和JetBrains。PostCSS 旨在通過自定義（yì）的（de）插件和工具生態體係來重新定義 CSS。與類（lèi）似 Sass 和 LESS 這（zhè）樣的預處理（lǐ）機製（zhì）類（lèi）似，它（tā）可（kě）以把擴展的語法和功能轉換成現代的瀏覽器友好的（de）CSS代（dài）碼。

PostCSS軟件特點

1.PostCSS使用的是 Node.js框架，編程語言和工具（jù）的能（néng）力使得對（duì）PostCSS的修改（gǎi）和自定（dìng）義（yì）都很簡單。Sass 和 LESS 則受限於編譯器自身鎖提供的能力。

2.作為（wéi）一個 API，PostCSS 讓我們能夠創建任何需要的插（chā）件和工具。這種模塊化的平台設計使得這個工具比較專一，更專注於功能需（xū）求。PostCSS 對（duì）語言格（gé）式（shì）不做限製，如（rú）果需要也（yě）可以（yǐ）使用 Sass 和 LESS 的語法格式（shì）。

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

4.PostCSS 自（zì）身並不強大；它的強大來自它的插件。也許你已經發（fā）現之前Gulp和Grunt的實現當中，任務說明中的數組是空的。這些數組可以定（dìng）義我們打算 import 的社區開發的 PostCSS 插件，也（yě）就是我們需要包含的那些功（gōng）能。

5.PostCSS 的 github 頁麵可（kě）以找到那些驗證過的插件（jiàn）列表，跟 NPM 的包（bāo）一樣，這些插件也都可以通過命令行安裝。很多插件隻能作為 PostCSS 的擴展，而（ér）不能直接在你所（suǒ）用的 task runner 中使用。例如（rú），我們安（ān）裝插件 PostCSS Focus 後，會給 hover 增加一個 a:focus 狀態。

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

插件可以直接作為方法的參數，不過為了代碼清晰，我們（men）可以構造（zào）一個數（shù）組，然（rán）後把（bǎ）插件放到數組裏作為參數。在數組裏，我們可以包含所（suǒ）有需要的（de） require 語句，這（zhè）些 require 語句會返回插（chā）件，然後被立即調用。如果你需要對此有更多（duō）的了解，可以看一下（xià） Ryan Christiani 的“javascript 中函數作為一等公民”。

對（duì）於 Grunt，修改後（hòu）的代碼如下（包含我們剛創建的 processorArray 數組）：

下麵是 Gulp 的版本（běn）：