1.postcss
PostCSS 的主要功能只有兩個:第一個就是前面提到的把 CSS 解析成 JavaScript 可以操作的 抽象語法樹結構(Abstract Syntax Tree,AST),第二個就是調用插件來處理 AST 並得到結果。
PostCSS 一般不單獨使用,而是與已有的構建工具進行集成。PostCSS 與主流的構建工具,如 Webpack完成集成之后,選擇滿足功能需求的 PostCSS 插件並進行配置。
2.CSS 是一門非程序式語言,沒有變量、函數、SCOPE(作用域),需要書寫大量看似沒有邏輯的代碼,不方便維護及擴 展,不利於復用,尤其對於非前端開發工程師來講,往往會因為缺少 CSS 編寫經驗而很難寫出組織良好且易於維護的 CSS 代碼。為了方便前端開發的工作量,出現了sass和less.
3.Sass已經有了兩套語法規則 一個是Sass,一個是SCSS,SCSS語法為主流 使用ruby語言編寫
4.less 2009年開源的一個項目,受Sass的影響較大,但又使用CSS的語法,讓大部分開發者和設計師更容易上手。LESS提供了 多種方式能平滑的將寫好的代碼轉化成標准的CSS代碼。使用JavaScript編譯器進行編譯