umi项目不支持在css文件中使用tailwind的@apply指令？

[gmqiyue]

我使用pnpm create umi aproject创建的新项目，通过pnpm exec umi g tailwindcss添加配置后，src目录下的所有css文件使用@apply指令，构建出的代码没有被解析转译（如下图：

[gmqiyue]

dev环境也是如此

但是在tsx文件中配置tailwindcss样式类名是可以生效的

[fz6m]

目前内置 tailwind 和 unocss 功能都是比较老的时期做的，经过时间太久了，用的人也很少，现在都处于不可用状态。

如需使用，请参照 tailwind 官方文档改用 postcss 插件或者 webpack 插件等形式使用，如果后续 umi 有计划了再完善内置的。

[gmqiyue]

嗯嗯好的，我说怎么都不讨论这个问题...建议在文档中备注一下暂不维护呢

[xlboy]

unocss 这边能引入 @unocss/webpack 来在 umi webpack 中使用吗，但似乎有一定的问题…
umi 这边处理配置文件时，应该是使用 cjs 进行的，而最新版的 unocss 又全面拥抱 esm 了，此时 cjs, esm 就冲突了…不然就是将 unocss 降回 cjs 的版本来保持兼容了

[bbcvc]

解决了吗？

[mazhenjie233]

我在ice也有这个问题，使用postcss引入也无法编译

[WuChenDi]

It seems that the adaptation was not properly done;
it was observed that in the official instructions provided, the Ant Design components are being overridden by Tailwind's default styles.

https://umijs.org/en-US/docs/guides/generator#tailwind-css-configuration-generator

[cd996]

I'm having same issue