前端开发,为了方便以后的颜色调整和颜色使用统一规范,往往会和设计师预先定义一个颜色系统。例如AntDesign有如下定义:但是在Zeplin中开发获取到的style中的颜色值往往是十六进制或者rgba值,开发往往需要自己去寻找对应的变量名。例如://RD得到的样式{border:solid1pxrgba(245,245,245,0.5);background-color:#fafafa;}//RD写的最终样式{border:solid1pxfade(@gray-3,50%);background-color:@gray-2;}正常情况下,RD往往需要一个一个地寻找颜色对应的变量名,过程比较枯燥。所以我写了一个插件来自动实现这个功能。首发地址:postcss-color-variable目前在Less和Sass中支持自动替换,可以自动导入依赖文件。最终实现效果如下(支持VSCode和WebStorm),以后再也不用费心去找颜色变量了。https://www.bilibili.com/video/BV1LQ4y1N7X5终于发了字节招聘。EE部门正在大量招聘研发人员。您可以直接通过二维码和链接提交简历。字节跳动招聘
