? ? 很多剛接觸Sass的同學(xué),或許和我有一樣的疑問,那就是Sass為什么需要編譯?在很多人眼中,CSS并不能算是一種編程語言,它只是一行行的屬性描述,寫起來相當(dāng)?shù)馁M事,而且代碼難以組織和維護,對于有強迫癥的同學(xué)來說,寫起來更是不爽。這時有人為了更方便的操作它們,就給它們加入了一些編程元素,讓CSS能像其他程序語言一樣可以做一些預(yù)定的處理。這樣一來,就有了CSS預(yù)處器(CSS Preprocessor)。
? ? CSS預(yù)處理器定義了一種新的語言,其基本思想是,用一種專門的編程語言,為CSS增加了一些編程的特性,將CSS作為目標(biāo)生成文件,然后開發(fā)者就只要使用這種語言進行編碼工作。通俗的說,CSS預(yù)處理器用一種專門的編程語言,進行Web頁面樣式設(shè)計,然后再編譯成正常的CSS文件,以供項目使用。CSS預(yù)處理器為CSS增加一些編程的特性,無需考慮瀏覽器的兼容性問題,例如你可以在? CSS中使用變量、簡單的邏輯程序、函數(shù)等等在編程語言中的一些基本特性,可以讓你的CSS更加簡潔、適應(yīng)性更強、可讀性更佳,更易于代碼的維護等諸多好處。
? ? ? CSS預(yù)處理器技術(shù)已經(jīng)非常的成熟,而且也涌現(xiàn)出了很多種不同的CSS預(yù)處理器語言,比如說:Sass(SCSS)、LESS、Stylus、Turbine ?、Swithch CSS、CSS Cacheer、DT CSS等。但是,各瀏覽器是無法直接解析.scss或者.sass文件。換句話說,在Web實際調(diào)用當(dāng)中,還是需要調(diào)用.css文件。這個問題也困擾了很多初學(xué)者,常常有人會問,使用Sass進行開發(fā),那么是不是直接通過引用.scss或.sass文件呢?那么這里告訴大家,在項目中還是引用.css文件,Sass只不過是作為一個預(yù)處理工具,提前幫你做事情,只有你需要的時候,他才能功效。這樣一來,在Sass開發(fā)之后,要使用寫好的東西,讓W(xué)eb頁面能調(diào)用,就得經(jīng)過一個過程,這個過程就是Sass編譯過程。Sass的編譯有多種方法,這里就不再贅述。