【Task】tailwindcss 、unocss 插件升级

[fz6m]

背景

目前 tailwindcss 、unocss 插件都是比较老的时期做的功能，之前的设计是侧载 sidecar 形式启动一个额外监听进程来生成 css 代码，这有一些缺点（不够清真，速度较慢，与 turborepo 不兼容，无法使用 css 内函数等），需升级至更贴切原生、一体的方案。

解决

替换为原生方案（用 postcss 插件或 webpack 插件）。

• unocss 已有 PR ：feat: plugin unocss #11239
• tailwindcss

用户如何自己解决

不使用内置的 tailwind / unocss 功能，自己参考官网配置对应的 postcss 插件或 webpack 插件即可。

关联问题

• [Feature Request] 4.0.66版本中unocss生成异常 #11014
• [Bug] 开启tailwindcss配置之后，无法在less文件中使用theme方法 #11401
• fix .less file using tailwind @apply not working #12031 (comment)

[zhangxinyong12]

使用tailwind后，antd按钮的样式和tailwind的base冲突了，怎么解决的

[fz6m]

使用tailwind后，antd按钮的样式和tailwind的base冲突了，怎么解决的

See #10599

[zhangxinyong12]

使用tailwind后，antd按钮的样式和tailwind的base冲突了，怎么解决的

See #10599

ok。完美解决。

[fz6m]

讨论后结论：如果换了 postcss 插件方式实现，无法使用 mako （ rust 构建工具 ），故不再改造侧载方案为 postcss 方式了。

如有特殊需求，可以不使用 umi 自带的 tailwind / unocss 插件，而是自己根据官网配置 postcss 插件来使用。