Sass预编译 -我爱编程

Sass预编译

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

免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。