PostCSS是一個(gè)用JS插件來轉(zhuǎn)換樣式的工具,這些插件可以做大量的事情,包括轉(zhuǎn)譯未來的CSS語法,對(duì)你的CSS進(jìn)行提示,支持變量和混合元素,等等,PostCSS的工作原理是獲取一個(gè)css文件并提供一個(gè)API來分析和修改其規(guī)則(通過將其轉(zhuǎn)化為抽象語法樹),然后,該API可以被插件用來做很多有用的事情。
功能介紹
增加代碼的可讀性
使用Can I Use中的值將供應(yīng)商前綴添加到CSS規(guī)則中。Autoprefixer將使用基于當(dāng)前瀏覽器流行程度和屬性支持的數(shù)據(jù)來為你應(yīng)用前綴。
今天就使用明天的CSS!
PostCSS預(yù)設(shè)環(huán)境,讓你將現(xiàn)代的CSS轉(zhuǎn)換成大多數(shù)瀏覽器可以理解的東西,根據(jù)你的目標(biāo)瀏覽器或運(yùn)行環(huán)境,使用cssdb確定你需要的polyfills。
全局性CSS的終結(jié)
CSS模塊意味著你永遠(yuǎn)不需要擔(dān)心你的名字太籠統(tǒng),只要使用最合理的就行。
避免你的CSS中的錯(cuò)誤
stylelint是一個(gè)現(xiàn)代的CSS接口,它可以在你的樣式表中執(zhí)行一致的慣例并避免錯(cuò)誤。它支持最新的 CSS 語法,以及類似 CSS 的語法,如 SCSS。