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文件的目錄路徑是不能有中文的,否則會報錯(命令方式編譯)