對postcss以及less和sass的研究

1.postcsscss

PostCSS 的主要功能只有兩個:第一個就是前面提到的把 CSS 解析成 JavaScript 能夠操做的 抽象語法樹結構(Abstract Syntax Tree,AST),第二個就是調用插件來處理 AST 並獲得結果。前端

PostCSS 通常不單獨使用,而是與已有的構建工具進行集成。PostCSS 與主流的構建工具,如 Webpack完成集成以後,選擇知足功能需求的 PostCSS 插件並進行配置。sass

2.CSS 是一門非程序式語言,沒有變量、函數、SCOPE(做用域),須要書寫大量看似沒有邏輯的代碼,不方便維護及擴 展,不利於複用,尤爲對於非前端開發工程師來說,每每會由於缺乏 CSS 編寫經驗而很難寫出組織良好且易於維護的 CSS 代碼。爲了方便前端開發的工做量,出現了sass和less.ruby

3.Sass已經有了兩套語法規則 一個是Sass,一個是SCSS,SCSS語法爲主流 使用ruby語言編寫
4.less 2009年開源的一個項目,受Sass的影響較大,但又使用CSS的語法,讓大部分開發者和設計師更容易上手。LESS提供了 多種方式能平滑的將寫好的代碼轉化成標準的CSS代碼。使用JavaScript編譯器進行編譯
相關文章
相關標籤/搜索