可以同时使用 Tailwind css 和 Bootstrap 4 吗？答案

【问题标题】：Can use both Tailwind css and Bootstrap 4 at the same time?可以同时使用 Tailwind css 和 Bootstrap 4 吗？
【发布时间】：2020-10-22 13:29:57
【问题描述】：

我的项目目前是使用 BootstrapVue 组件的 Vuejs（似乎使用 bootstrap 4 css）。

我正在尝试将 Tailwind css 用于新的自定义组件。

可以同时使用吗？

谢谢。

【问题讨论】：

【解决方案1】：

您可以使用前缀解决类冲突

// tailwind.config.js
module.exports = {
  prefix: 'tw-',
}

但是，您很可能会遇到normalize.css 的问题，它在@tailwind base 中使用过

【讨论】：

【解决方案2】：

可能，是的。是否推荐，NO。

有很多类会矛盾彼此例如

名单还在继续……

我的建议是坚持使用 BootstrapVue 或 Tailwind。我个人的偏好，Tailwind。

【讨论】：

【解决方案3】：

只要 2 个库中没有名称冲突（我认为它们不是），它们就可以正常工作。

但我认为你不应该这样做。因为它会破坏项目的统一性，并且会使其更难维护。

【讨论】：