sonofmagic/weapp-tailwindcss-webpack-plugin

组件class不能被解析

lplsirlu opened this issue · 5 comments

image

image

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

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

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

详见 custom-attributes 配置项

image
"weapp-tailwindcss-webpack-plugin": "^1.12.6"
<MessageBar btnClassName=' bg-[#07C160]'></MessageBar>
image
还是不行,是其他也要升级嘛

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

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

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

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

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

好的,感谢