前端 - tailwindcss 和 unocss 如何合并属性值完全一样的重复类？

Question

举个例子： h-10 before:h-10 after:h-10 focus:h-10 hover:h-10 这三个类的属性值是完全一样的，但是打包后会生成如下 css：

.h-10,.hover\:h-10:hover {  height: 2.5rem;}.focus\:h-10:focus {  height: 2.5rem;}.before\:h-10:before {  height: 2.5rem;}.after\:h-10:after {  height: 2.5rem;}

后期 css 变得复杂之后，重复的属性就会激增，导致文件体积变大，有办法合并这些类吗？

期望如下：

.h-10,.hover\:h-10:hover,.focus\:h-10:focus,.before\:h-10:before,.after\:h-10:after {  height: 2.5rem;}

Answer 1

既然考虑用了这两个玩意，那就不要在意最终的 CSS 是怎么样的，只要不影响你页面效果，就当做什么都不知道吧。

真要在意的话，就不要用这些颗粒化，碎片化的 CSS。这些对于后期维护很不利。

Answer 2

不需要考虑这种优化。几十个字节的差距，你视频图片动不动就几十上百K，差太远了，不值当。