sass 使用

1.安装sass

cnpm install -g sass

异常:Failed to resolve loader: sass-loader
You may need to install it.

    cnpm i node-sass -D
    cnpm i sass-loader -D

2.常用变量

  $form_input_width:350px;  
  $color_blue:#348EED;  
  $color_red:red;

 margin-left: $margin; 
 color: $color_red;

3.混入的使用

  $form_input_width:350px;  
  $color_blue:#348EED;  
  $color_red:red;
	//注意现有mixin后有include
  @mixin important-margin($color,$margin){
        margin-left: $margin; 
        color: $color;
  }
  .icon_delete {
    @include important-margin($color_red,$margin-left);
  }
  .icon_add {
    @include important-margin($color_blue,$margin-left);
  }