将新的前端堆栈(Vue3、Tailwind CSS)引入到已经建立的应用程序中。
旧堆栈具有依赖项,其中包括与 Tailwind 冲突的 CSS 类。
最终目标是仅使用Vue 和 TailwindCSS,所以我不想在开发过程中使用前缀,因为它没有必要......但我需要支持旧的和新的堆栈,直到我能够完全删除旧的CSS。
我知道在 TW 配置 ( prefix: 'tw-',) 中使用了 prefix 属性,但这意味着源 .vue 文件将需要使用该前缀。
我是否可以仅在构建期间(使用 Vite)告诉 Vue 向所有类添加前缀,然后同样在构建期间将规则传递给 Tailwind 仅添加前缀(但在开发期间不需要)?
我看到一个类似的问题,其中的答案提到如果TW中存在这种情况,那么TW如何知道哪些要转换,哪些不转换...我理解这一点,但在我的场景中我没有其他插件。
我简单浏览了一下postcss-prefixer,但不确定这是否是我需要的......
我想我可以使用 TW 前缀,因为它不是世界末日,但对我的最终目标来说感觉很脏......