小编cla*_*hur的帖子

仅在构建时添加 Vue3 和 TailwindCSS 前缀

将新的前端堆栈(Vue3、Tailwind CSS)引入到已经建立的应用程序中。

旧堆栈具有依赖项,其中包括与 Tailwind 冲突的 CSS 类。

最终目标是仅使用Vue 和 TailwindCSS,所以我不想在开发过程中使用前缀,因为它没有必要......但我需要支持旧的和新的堆栈,直到我能够完全删除旧的CSS。

我知道在 TW 配置 ( prefix: 'tw-',) 中使用了 prefix 属性,但这意味着源 .vue 文件将需要使用该前缀。

我是否可以仅在构建期间(使用 Vite)告诉 Vue 向所有类添加前缀,然后同样在构建期间将规则传递给 Tailwind 仅添加前缀(但在开发期间不需要)?

我看到一个类似的问题,其中的答案提到如果TW中存在这种情况,那么TW如何知道哪些要转换,哪些不转换...我理解这一点,但在我的场景中我没有其他插件。

我简单浏览了一下postcss-prefixer,但不确定这是否是我需要的......

我想我可以使用 TW 前缀,因为它不是世界末日,但对我的最终目标来说感觉很脏......

vue.js postcss tailwind-css vuejs3 vite

2
推荐指数
1
解决办法
785
查看次数

标签 统计

postcss ×1

tailwind-css ×1

vite ×1

vue.js ×1

vuejs3 ×1