sass編譯命令


sass編譯一個文件的方式

sass xx.scss:xx.css

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

sass --watch xx.scss:xx.css

--watch 就是監控文件的改動進行編譯

那么又來了,如果我想編譯多個sass文件怎么辦呢?

1.把一個文件夾內的sass文件,編譯到另一個文件夾內出現對應的css文件,命令如下

sass --watch sass/:css/

sass/表示sass文件夾下的.scss或者sass文件,css/表示把編譯后的文件都放到css文件夾內

2.只編譯一個sass文件,但是在這一個sass文件中,引入了所有需要編譯的sass文件

比如我又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就可以了

 

提示:在寫scss文件的時候如果編譯中文報錯,那么在scss文件開頭加上這段話就好了:

@charset "UTF-8";

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM