【文件属性】:
文件名称:styless:使用较少的语法对组件进行声明式样式
文件大小:360KB
文件格式:ZIP
更新时间:2021-01-31 02:34:33
less babel styled-components styled-components-theme Babel
:gem_stone: 款式 :gem_stone:
样式使语法
安装
$ yarn add --dev babel-plugin-styless
.babelrc
{
" plugins " : [ " babel-plugin-styless " ]
}
需要注意的是styless应该出现之前babel-plugin-styled-components ,如果使用。
主要特点
简化代码
使用@main代替${props => props.theme.main}
直接在样式化组件中使用变量
@size : if( @small , 4 px , 10 px );
直接在样式化的组件中使用操作
使用@size * 3代替${props => parseFloat(props.size) * 3 + "px"}
直接在样式化的组件中使用函数。
color : darken ( @highlight , 5 % );
There is no need to import `darken`.
支持rgb , hsl和hsv颜色空间
color :