组件class不能被解析

[lplsirlu]

这种组件的class好像不能正确被解析

[sonofmagic]

这是因为我这个插件默认只转化 class hover-class 这一类的属性，
假如你想要自定义 prop 的转化，你可以这样做：
升级 weapp-tailwindcss-webpack-plugin 到 1.12.6
然后给插件传递 options:

customAttributes: {
  '*': ['emptyImageClass']
}

详见 custom-attributes 配置项

[lplsirlu]

"weapp-tailwindcss-webpack-plugin": "^1.12.6"
<MessageBar btnClassName=' bg-[#07C160]'></MessageBar>

还是不行，是其他也要升级嘛

[sonofmagic]

你这里又用了新的 prop 叫 btnClassName ，只配置 emptyImageClass 当然不起作用啦

你可以把新的prop添加进来比如这样配置:

customAttributes: {
  '*': ['emptyImageClass','btnClassName'],
}

或者嫌麻烦的话，后续还有很多自定义的prop的话，可以根据规律，使用正则：

customAttributes: {
   // 这个正则，同时匹配你上面的2中 prop 的名称
   '*': [/Class/]
}

[lplsirlu]

好的，感谢

[imaxing]

建议用大佬文档上的正则匹配
'*': [ /[A-Za-z]?[A-Za-z-]*[Cc]lass/ ],