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文件的目录路径是不能有中文的，否则会报错（命令方式编译）