自动编译和变量

1.监视

sass --watch sass:css  --style expanded

监视sass文件夹下的 .scss文件，编译成css文件夹下对应的.css文件

--style代表css文件的输出格式，有四种 （nested嵌套、compact紧凑、expanded扩展、compressed压缩）

2.变量
index.scss

$primary-color:red;

.box {
  background-color: $primary-color;
}

$primary-border:1px solid $primary-color;

.box-border {
  border: $primary-border;
}

index.css

.box {
  background-color: red; }

.box-border {
  border: 1px solid red; }