關於Sass監聽單檔案

2021-08-17 18:56:58 字數 644 閱讀 7520

在使用sass 首先得安裝ruby,這些可以看 安裝教程

控制台進入 sass的資料夾,使用 sass  --watch xx.scss:xx.css

當想要停止監聽的時候;ctrl c 就可以了。 是不是超級簡單...

在這裡需要注意的是  首次監聽轉換的時候 可能會報關於utf-8的錯誤;

解決方案兩種:

方法一:

加上:@charset

方法二:

找到ruby安裝路徑 

修改 engine.rb檔案 加上以下**(放在所有require之後就可以)

encoding.default_external = encoding.find('utf-8') ;

如果這個時候 實時監聽還報關於 utf-8的錯誤時,請保證你整個專案路徑不含有中文的。 

關於Sass用法

sass是css預處理器,sass是一種易於使用的樣式語言,可幫助減少傳統css的許多重複性和可維護性挑戰。學習sass可以編寫出可重複使用的樣式效,也是在工作和面試要求中不可或缺的一項技能了。sass使您可以使用css中不存在的功能,例如變數,巢狀規則,混合,匯入,繼承,內建函式和其他內容。支援 ...

匯入sass檔案

4匯入sass檔案 1sass區域性檔案的檔名以下劃線開頭。這樣,sass就不會在編譯時單獨編譯這個檔案輸出css,而只把這個檔案用作匯入。當你 import乙個區域性檔案時,還可以不寫檔案的全名,即省略檔名開頭的下劃線。2 預設變數值 default用於變數,含義是 如果這個變數被宣告賦值了,那就...

關於sass(簡短有用)

簡介 sass 是一款強化 css 的輔助工具,它在 css 語法的基礎上增加了變數 variables 巢狀 nested rules 混合 mixins 匯入 inline imports 等高階功能,這些拓展令 css 更加強大與優雅。使用 sass 以及 sass 的樣式庫 如 compas...