Babel自定义插件怎么处理CSS-in-JS里的样式对象?

Mr-红瑞 阅读 2

我最近在写一个Babel插件,想自动给CSS-in-JS的对象加前缀,比如把color: 'red'变成WebkitColor: 'red'。但我发现访问到的AST节点是ObjectExpression,里面的Property值是StringLiteral,但不知道怎么安全地判断这个对象真的是样式对象而不是普通配置对象。

试过检查父节点是不是叫css或者styled,但有些项目用了别名就失效了。有没有更可靠的方式?下面是我想处理的那种样式写法:

.button {
  color: red;
  display: flex;
  transform: rotate(45deg);
}
我来解答 赞 1 收藏
二维码
手机扫码查看
暂无解答

暂无解答