今天來聊聊sass吧，之前用了很久的less，剛開始接觸的時候感覺這東西就是個神器，

寫css時間長了自然就能發(fā)現(xiàn)css在書寫的時候的不足之處，不能嵌套，沒有變量，更加不能像js那樣用循環(huán)自動生成之類的，這些問題全部都被less解決掉了

less加入了變量，加入了嵌套式寫法，還有一大堆好用的功能，在這里就不多說了，今天要說的是sass。其實(shí)剛接觸less的時候就知道有sass這個東西了，但是那時候的sass很奇怪，寫法過于新穎，大家感受一下

bodymargin: 0padding: 0height: 20pxwidth: 30px...

看出來了么？ 對的，sass早期的時候有規(guī)定書寫格式，不這么寫它就給你報錯，這個在習(xí)慣上來說一時間是比較難接受的，特別是我們這種寫css好幾年的人來說更加如此，而后面sass的升級版又把它強(qiáng)加的書寫格式去掉了可能就是考慮到這方面

第二個不能接受sass的點(diǎn)就是安裝比較麻煩，從事前端開發(fā)的人員，電腦上基本上是少不了node的 less可以直接用npm包管理器進(jìn)行安裝，這就很方便了，而sass就相對麻煩一些了，還需要先安裝ruby。 因?yàn)閟ass是基于ruby語言開發(fā)的（mac系統(tǒng)自帶ruby,后來才知道）從過程來說就多了一步。另外一點(diǎn)，less可以作為一個js文件直接在客戶端運(yùn)行，這無疑又拉近了和前端開發(fā)者之間的距離，所以早期的時候大家都比較傾向于less,

Bootstrap也是這么選擇的，Bootstrap 3.0就是用less進(jìn)行開發(fā)的。而對于前幾年來說，less也足以滿足大家的需求了。

但是經(jīng)過這幾年的發(fā)展，大家的技術(shù)在進(jìn)步，需求也在變得更加復(fù)雜，這時候less就顯得有點(diǎn)力不從心了，并不是它不好了，只是對于工作幾年的中高級程序員來說，大家需要一個功能更加強(qiáng)大的css預(yù)處理器。

于是這時候回頭一看，sass一直都在我們身邊，看看它的文檔，雖然寫得有點(diǎn)亂，但是各方面都比較符合我們的需求，越看越順眼了。而且現(xiàn)在的sass也升級了，做到了完全兼容css3, 在css基礎(chǔ)上增加變量，嵌套，混合等功能。可以通過函數(shù)進(jìn)行顏色值與屬性值的運(yùn)算，提供控制指令等高級功能，甚至可以自定義輸出格式

另外一點(diǎn)，隨著各大框架的推行，less和sass的編譯工作變得越來越簡單，安裝個loader就好了，不需要全局安裝編譯器了。另外很多編輯器也自帶編譯，這樣一來，less前期的那些優(yōu)勢蕩然無存。 那，接下來，跟我一起來看看sass吧

通過前面的介紹，我想大家已經(jīng)知道了，sass是一個css預(yù)處理語言。 在這里要明確一個概念，什么是css預(yù)處理語言呢?

簡單來說CSS 預(yù)處理器定義了一種新的語言，其基本思想是，用一種專門的編程語言，為 CSS 增加了一些編程的特性，將 CSS 作為目標(biāo)生成文件，然后開發(fā)者就只要使用這種語言進(jìn)行編碼工作。在編程語言中的一些基本特性，可以讓你的 CSS 更加簡潔、適應(yīng)性更強(qiáng)、可讀性更佳，更易于代碼的維護(hù)等諸多好處。

再通俗一點(diǎn)，就像是文言文和白話文。 文言文幾個字，翻譯成白話文就是一片文章。當(dāng)然在這里只是一個類比。

基本概念理解清楚了，Sass有這么多好用的功能，但是我要如何把sass用到我的項(xiàng)目當(dāng)中呢？請期待下篇文章！

總結(jié)

以上是生活随笔為你收集整理的unipapp 解决无法编译sass_Sass教程一：Sass概况的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。