使用 SWC 对 NextJS 14 进行类似于 Instagram 的 CSS 类名混淆

Question

我注意到 Instagram Direct 经常使用 Tailwind CSS 作为类名。但不知何故，他们设法将其转换为不可读的格式（混淆），因此人们无法运行机器人进行内容爬行。我在谷歌上搜索了很多解决方案，但似乎广大受众并不需要这样的功能。

有人设法在 NextJS 14 中使用 SWC 使用 Tailwind CSS 实现类似的结果吗？如果您分享您的解决方案，我会很高兴。如果解决方案不会对运行时性能产生负面影响，那就更好了。

Answer 1

他们根本不使用 TailwindCSS，他们使用 StyleX。

以

x

开头的类来自这里：低成本抽象