為什么Sass需要編譯

? ? 很多剛接觸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的編譯有多種方法,這里就不再贅述。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.背景介紹 CSS 是一門非程序式語言,沒有變量、函數(shù)、SCOPE(作用域),需要書寫大量看似沒有邏輯的代碼,不...
    遠望的云閱讀 32,498評論 3 35
  • 在現(xiàn)在的前端開發(fā)中,前后端分離、模塊化開發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,659評論 1 32
  • 夜晚依舊如約而至,不早也不晚。就如一個早就設(shè)計好的程序一樣,沒有感情,沒有罷工,一切都來的剛剛好。 其實,我很喜歡...
    hello寒樹閱讀 791評論 0 1
  • 1二寶的生活大部分是忙碌且充滿喜樂的,但有些時候我也會擔(dān)憂,尤其是在姐弟倆的物權(quán)問題上。 比如,比較常見的一幕: ...
    林月漠閱讀 468評論 1 5
  • 知道嗎?自從無意間看了《蘭陵王妃》。覺得我的腦細胞都不夠用了。但是看到大司空和元清鎖他們之間的愛恨情仇,我就不忍看...
    奈何橋下緣定三生閱讀 661評論 0 0

友情鏈接更多精彩內(nèi)容