痛点由于作者是做商业活动相关的开发,为了写出一系列炫酷的页面,需要在tsx中写一堆class/className,js或vue;然后您需要手动将dom树中class/className中的值复制到less/sass/css文件中。可以想象你每天都这样做。当组件/页面很多的时候,写样式会很痛苦。因此,在每天手动将class复制到style文件的基础上,cmd+c已经坏掉,作者使用babel将源码解析成ast,格式化成对应的less/css/scss文件;它的核心解析库是parse-jsx-to-css;目前支持:将React的class/function组件解析成less/css/scss;将Vue组件解析成less/css/scss;React中暂不支持多种组件样式:class/className表达式case的简单示例React代码:importReact,{PureComponent}from"react";functionLoginButton(){return
