在已经建立的应用程序中引入新的前端堆栈(Vue3，TailWind CSS).
旧的堆栈有依赖关系，其中包括与TailWind冲突的CSS类.
最终目标是使用100 Vue和TailwinCSS，所以我不想在开发过程中使用前缀，因为它不是必需的……但我需要同时支持旧的和新的堆栈，直到我能够完全删除旧的css.
我知道在TW配置(prefix: 'tw-',)中使用了前缀属性，但这意味着源.VUE文件将需要使用前缀.
我是否可以告诉Vue在build only期间(使用Vite)为所有类添加前缀，然后同样将规则传递给TailWind在build only期间添加前缀(但在开发过程中不是必需的)？
我看到一个类似的问题，其中一个答案提到，如果这在TW存在，那么TW如何知道哪些应该皈依，哪些不应该……我明白这一点，但在我的方案中，我没有其他插件.
我已经简单地看了一下postcss-prefixer美元，但不确定这是否是我需要的……
我想我可以只使用TW前缀，因为它不是世界末日，但对我的最终目标感到肮脏…
What you want to achieve does not seem possible - how would Vite (or Vue template compiler) know which CSS classes are Tailwind's and which are coming from your old stack, if they have the same name? The only way to avoid such collissions is to use the prefix in TW config.
It might look dirty (to you) - but I always use the prefix even when Tailwind is the only CSS framework in the project because in the future there could be a third-party dependency which has conflicting CSS classes.
也许最干净的解决方案是彻底重构您的应用程序，并通过移除/转换所有旧的CSS来完全切换到TailWind.