PostCSS是以一款功能強(qiáng)大的css轉(zhuǎn)換處理軟件。本軟件具備強(qiáng)大的插件功能?？梢灾匦露xcss，對(duì)css進(jìn)行擴(kuò)展、功能轉(zhuǎn)換。對(duì)于做編程的工作人員來(lái)說(shuō)，是個(gè)不錯(cuò)的編程工具！需要的用戶歡迎在綠色資源網(wǎng)下載使用。

軟件介紹

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

PostCSS軟件特點(diǎn)

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

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

3.PostCSS把項(xiàng)目中所有需要?jiǎng)?chuàng)建函數(shù)、工具和mixin的代碼提取出來(lái)封裝成插件。這樣，對(duì)于每一個(gè)項(xiàng)目，我們都可以在項(xiàng)目里通過(guò)包含插件的方式來(lái)引入需要的功能。

4.PostCSS 自身并不強(qiáng)大；它的強(qiáng)大來(lái)自它的插件。也許你已經(jīng)發(fā)現(xiàn)之前Gulp和Grunt的實(shí)現(xiàn)當(dāng)中，任務(wù)說(shuō)明中的數(shù)組是空的。這些數(shù)組可以定義我們打算 import 的社區(qū)開(kāi)發(fā)的 PostCSS 插件，也就是我們需要包含的那些功能。

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

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

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

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

下面是 Gulp 的版本：