命令編譯是指使用你電腦中的命令終端,通過(guò)輸入 Sass 指令來(lái)編譯 Sass。這種編譯方式是最直接也是最簡(jiǎn)單的一種方式。因?yàn)橹恍枰谀愕拿罱K端輸入:
單文件編譯:
sass <要編譯的Sass文件路徑>/style.scss:<要輸出CSS文件路徑>/style.css
這是對(duì)一個(gè)單文件進(jìn)行編譯,如果想對(duì)整個(gè)項(xiàng)目所有 Sass 文件編譯成 CSS 文件,可以這樣操作:
多文件編譯:
sass sass/:css/
上面的命令表示將項(xiàng)目中“sass”文件夾中所有“.scss”(“.sass”)文件編譯成“.css”文件,并且將這些 CSS 文件都放在項(xiàng)目中“css”文件夾中。
缺點(diǎn)及解決方法:
在實(shí)際編譯過(guò)程中,你會(huì)發(fā)現(xiàn)上面的命令,只能一次性編譯。每次個(gè)性保存“.scss”文件之后,都得重新執(zhí)行一次這樣的命令。如此操作太麻煩,其實(shí)還有一種方法,就是在編譯 Sass 時(shí),開(kāi)啟“watch”功能,這樣只要你的代碼進(jìn)行任保修改,都能自動(dòng)監(jiān)測(cè)到代碼的變化,并且給你直接編譯出來(lái):
sass --watch <要編譯的Sass文件路徑>/style.scss:<要輸出CSS文件路徑>/style.css
當(dāng)然,使用 sass 命令編譯時(shí),可以帶很多的參數(shù):
watch 舉例:
來(lái)看一個(gè)簡(jiǎn)單的示例,假設(shè)我本地有一個(gè)項(xiàng)目,我要把項(xiàng)目中“bootstrap.scss”編譯出“bootstrap.css”文件,并且將編譯出來(lái)的文件放在“css”文件夾中,我就可以在我的命令終端中執(zhí)行:
sass --watch sass/bootstrap.scss:css/bootstrap.css
一旦我的 bootstrap.scss 文件有任何修改,只要我重新保存了修改的文件,命令終端就能監(jiān)測(cè),并重新編譯出文件:
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)