在已经建立的应用程序中引入新的前端堆栈(Vue3，顺风CSS)。
旧栈有依赖关系，其中包括与Tailwind冲突的CSS类。
最终目标是只使用Vue和TailwindCSS，所以我不想在开发过程中使用前缀，因为这是不必要的…但是我需要同时支持旧的和新的堆栈，直到我能够完全删除旧的CSS。
我知道在TW配置(prefix: 'tw-',)中使用前缀属性，但这意味着源。vue文件将需要使用前缀。
我是否能够在构建期间告诉Vue仅(使用Vite)为所有类添加前缀，然后同样地在构建期间将规则传递给Tailwind仅添加前缀(但在开发期间不需要)?
我看到一个类似的问题，其中一个答案提到如果这存在于TW中，那么TW如何知道哪些转换，哪些不转换…我明白这一点，但在我的情况下，我没有其他插件。
我已经简要地看了一下postcss-prefixer，但不确定这是否是我需要的…
我想我可以使用TW前缀，因为它不是世界末日，但对我的最终目标来说感觉很脏…
你想要实现的似乎是不可能的- Vite(或Vue模板编译器)如何知道哪些CSS类是顺风的，哪些来自你的旧堆栈，如果他们有相同的名称?避免这种冲突的唯一方法是在TW配置中使用前缀。
这可能看起来很脏(对你来说)-但我总是使用前缀，即使Tailwind是项目中唯一的CSS框架，因为将来可能会有第三方依赖，有冲突的CSS类。
也许最干净的解决方案是完全重构你的应用程序，并通过删除/转换所有旧的CSS来完全切换到顺风。