Sass预编译

Posted 2021-02-14 zmz-com

sass基于Ruby

              ruby的模块管理器叫gem   正规的安装方式是gem install sass 

              调用命令     sass    sass文件    css文件

webpack编译sass

        需要的模块 style-loader  css-loader  sass-loader  node-loader

        配置 与less一样

定义变量

      $key:value

混合

     定义@mixin 混合名称{}

    使用@include混合名称{}

方法

     @mixin fangfa （$a,$b,$c） {}

     box{include fangfa(100px,200px,red)}

参数

    与less一致

继承

    @extend

if语句

     @if（）{} else if（）{} else{}

for语句

     @for          form            to

     @for           form           through   会使用结束值

插值语法

    #{变量名称}

引入文件

    @import