Sass的四種編譯方式

2021-08-10 04:48:41 字數 1366 閱讀 1689

我們都知道sass其實有兩種,一種是sass,一種是scss。

sass 和 scss 其實是同一種東西,我們平時都稱之為 sass,兩者之間不同之處有以下兩點:

副檔名不同,sass 是以「.sass」字尾為副檔名,而 scss 是以「.scss」字尾為副檔名

語法書寫方式不同,sass 是以嚴格的縮排式語法規則來書寫,不帶大括號({})和分號(;),而 scss 的語法書寫和我們的 css 語法書寫方式非常類似。

今天我要講的scss編譯方式是命令編譯方式,在命令編譯方式中有不同樣式風格的輸出方法。分別是

巢狀輸出方式 nested

展開輸出方式 expanded  

緊湊輸出方式 compact 

壓縮輸出方式 compressed

例如 style.scss檔案的**如下,現要通過以上四種方式來編譯: 

@charset "utf-8";

#box

p}

(1)、nested(巢狀輸出)方式: 

現在要將其編譯成style.css檔案。

命令為: sass style.scss:style1.css --style nested

編譯後**如下: 

#box 

#box h1

#box p

可以看到**行間還是有一定的縮排的。

(2)、expanded(展開輸出)方式

同樣是style.scss檔案將其編譯為style1.css檔案。

命令為: sass style.scss:style1.css --style expanded

編譯後**為: 

#box 

#box h1

#box p

可以看出編譯後和css的書寫規則是一樣的。

(3)、compact(緊湊輸出)方式。

將style.scss檔案編譯成style2.css檔案。

命令為: sass style.scss:style2.css --style compact

編譯後結果為:

#box 

#box h1

#box p

(4)、compressed(壓縮輸出)方式。

將style.scss檔案編譯成style3.css檔案。

命令為: sass style.scss:style3.css --style compressed

編譯後結果為:

#box#box h1#box p
江峰★

出處:

四種定址方式

直接在指令中給出運算元,不需要儲存單元,執行速度快,但是顯然資料也不能冗長,通用型性差,一般用來指定一些要求不高的整形整數。運算元 於暫存器,結果也寫回暫存器。顯然這個主要用到暫存器,這也是他的名字的由來。指令給出有效位址,這使得位址碼會很長,通用性也差。指令中給出的是運算元位址的位址,顯然就是要根...

四種監控方式

四種方式 logging tracing metrics healthcheck 1 研發成本來說 logging 比較低 metrics 一般 tracing比較高 2 運維成本來說 logging 比較高 3 相應能力來 metrics 比較好 4 解決問題來說 tracing 比較好 logg...

nocache的四種方式

nocache的四種方式 1.cdn的推方式 2.客戶端url方式 css需加a.css?2010.css 3.html cache meta 4.服務端cache 6.iis http頭式,建立虛擬目錄 以下 在asp頁面首部加入 複製內容到剪貼簿 response.buffer true res...