sass編譯命令

2022-02-01 21:17:18 字數 632 閱讀 6759

sass編譯乙個檔案的方式

sass xx.scss:xx.css

這種方式只能編譯一次,要是想一直監控編譯,只要有儲存更改就會立即編譯,那麼就需要下面這條命令了

sass --watch xx.scss:xx.css

--watch 就是監控檔案的改動進行編譯

那麼又來了,如果我想編譯多個sass檔案怎麼辦呢?

sass --watch sass/:css/

sass/表示sass資料夾下的.scss或者sass檔案,css/表示把編譯後的檔案都放到css資料夾內

比如我又a.scss,b.scss,c.scss,d.scss,我把bcd三個檔案在a中引入,那麼我只需要編譯a就可以了,方式:在a.scss檔案中引入bcd

@import './b.scss';

@import './c.scss';

@import './d.scss';

那麼現在,只需要編譯a.scss就可以了

@charset "utf-8";

!!!注意,編譯sass檔案的目錄路徑是不能有中文的,否則會報錯(命令方式編譯)

Sass教程三 編譯Sass(命令列)

sass編譯有很多種方式,如命令列編譯模式 編輯器自動編譯 編譯軟體koala sass loader等。剛才我在test資料夾裡面已經建立了乙個style.scss檔案,現在我需要把這個檔案編譯成css檔案,那麼我可以先用命令列工具進入這個資料夾 cd 就是進入某個資料夾的命令,後面跟上你電腦上資...

命令列編譯sass

一 安裝ruby 1 需要的軟體裝置 2 安裝過程 點選上圖 應用程式 安裝即可,注意安裝過程中其中三項都需要打上勾。如若沒有三項都打上勾則需要修改環境變數中的path路徑後新增乙個分號。3 開啟cmd 或 win r 輸入 gem v 檢查rubyinstaller是否安裝成功 輸出為 2.4.5...

sass檔案命令列編譯

寫在前面 今天學習使用sass,網上看了很多介紹和教程,了解到sass檔案有2種字尾 sass 老版本 scss 新版本 兩者語法上有些不同 1 sass檔案中,不可以用 分號 和 花括號 2 scss檔案,像css檔案中一樣使用分號和花括號。然而,現在網上的部落格和教程都是 scss 的寫法,很多...